Positioning Left and Right Divs using Float

[Rich57]

Have a look at thisAll the CSS for this sample page from my site is embedded - the external stylesheet is disabled.The problem is that while IE6 shows the right-hand navigation links (#NavExt1) at the same height as the upper left-hand links (#NavInt1), Firefox shows them at the same height as the lower left-hand links (#NavInt2). Do I have to 'fool' Firefox somehow, or is Firefox behaving correctly and I have to 'fool' IE6?On other site pages, where there is only one left-hand links box (#NavInt2 is not shown), #NavExt1 is shown at the same height in both browsers (just below the #header div, the intended height).

[iammatto]

From what I can tell, IE is rendering it incorrectly, as both Firefox and Opera (which tend to be more standards compliant) are rendering it the same, and not in the way you are desiring. I haven't looking into it too deeply, however an easy fix is to just combine the two divs that makeup your left hand navigation. This fixes the layout in IE, Firefox and Opera.