Nested CSS Floats - Opera and Mozilla problems

[Serratt]

The attached file works perfectly in IE5.x and IE6.X. The float borders are not respected in Mozilla 1.1 or below or Opera 4.X. and overlapping occurs. Please help me figure out how to get this page to work in Mo and Op.

Serratt:confused:

[MCookie]

Well, for a start, you can only float:left, float:right or float:none.
Top and bottom are values that don't exist...

Maybe putting a <div style="clear:both"></div> between your floats will take care of the overlapping thing.

Also, I think putting comments in comments like /* this /* could /* cause some problems.

[Serratt]

The <div style=clear:both></div> worked wonders. The page layout is now acceptable.

My float:top/bottom declarations do work, so I will keep them in.

Thanks!

[Bosko]

Opera 4 is a browser from June 28, 2000,I really dont think that someone actually uses it.

[Serratt]

Opera 4 is indeed incorrect. The correct Opera version should be Opera 6.x. Thanks for the correction.