If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Possible float property bug in IE 5/Mac?

I have three DIVs that make up the three columns, all floated left in css (float: left. Each DIV appears below the other like I hadn't floated them at all. I know that IE 6/ PC has kind of a weird way of supporting floated elements, in that they don't seem to cross the boundries of other elements in some instances, and I was wondering if the same sort of thing were holding true for IE5/ Mac?

The really goofy thing is, on the page listed above, I have the same sort of thing on the page twice. The DIVs for site search, breaking news, and newsupdate behave just fine, but the DIVs for my left hand menu, body, and right column display as if they don't have any float property applied at all.

I have the three floated DIVs nested in another DIV called "top" with the clear: both; property specified.

<div id="top">

<div id="left"></div>

<div id="middle"></div>

<div id="right"></div>

</div>

IE5/Mac apparently does an excellent job of inheritance. The PC browsers that I tried it on did not catch it (Mozilla 1, NS 7, IE 6, Opera 6). Each of the floated DIVs inhereted the clear: both; from their parent DIV, which prevented the floated DIVs from floating next to each other.