Hello
I've begun designing pages with DIVs instead of tables and I've found that in Firefox, when you float two or more DIVs next to each other and then place another DIV with margin-top below the floated DIVs, the margin is ignored while in IE it is observed. Is there a way around this?
Here's the code:
DIV {
margin-top:10px;
}
.column {
float:left;
}
.third {
width:32%;
}
.coloredTextBox {
padding:2px;
background-color:#575F90;
color:#ffffff;
font-weight:bold;
clear:both;
font-size:110%;
}
<div class="column third">
content
</div>
<div class="column third">
content
</div>
<div class="column third">
content
</div>
<div class="coloredTextBox">By Agency</div>