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.
As far as I can tell, I don't have any mistakes in the code...
I have the three floated DIVs nested in another DIV called "top" with the clear: both; property specified.
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.