[bukwus]

Hi

Has anyone come across the difference in results between IE and Firefox when placing a regular DIV below two DIVs floating next to each other? When trying to put space between the floating DIVs and the regular one I always get different results. I've used <br clear="all" on the page and I've used margin-top, margin-bottom as well as clear:both; in CSS. If anyone knows how to get around this difference, let me know.

Examples:

<div style="float:left; width:50%;">
Float left
</div>

<div style="float:right; width:50%;">
Float right
</div>

<div style="width:100%; margin-top:30px;">
Content content content content content content content content  content content content content content content content content content content content
</div>

and

<div style="float:left; width:50%; margin-bottom:30px;">
Float left
</div>

<div style="float:right; width:50%; margin-bottom:30px;">
Float right
</div>

<div style="width:100%;">
Content content content content content content content content  content content content content content content content content content content content
</div>

and

<div style="float:left; width:50%;">
Float left
</div>

<div style="float:right; width:50%;">
Float right
</div>

<div style="width:100%; clear:both; margin-top:30px;">
Content content content content content content content content  content content content content content content content content content content content
</div>

Many thanks

[CrazeD]

They look the same to me, in Firefox and IE1.6