The scenario at hand is:
HTML Structure:
<div id="main">
<div id="a"></div>
<div id="b">Some Text</div>
</div>
CSS Styles:
#a{
float:left;
width:800px;
height:150px;
background-color:#CCC;
}
#b{
width:1000px;
height:100px;
background-color:#9CC;
}
The Issue:
Why isn't the text positioned behind div#a? Why does "Some Text" act as if div#a is still in the regular flow? How can we make the text behave as desired (to appear below div#a)?
UPDATE: When referring to "under," I am talking about the Z axis, not the Y. The div elements should remain in their current positions, with only the text needing adjustment.