View Full Version : Bottom nav menu not at bottom in IE6

12-18-2007, 05:28 AM

I am using a css tableless negative margin layout. I have a bottom nav menu which is positioned correctly in IE7 and FF, but in IE6 the bottom menu is on the top of the page before the main content section instead of after it. It seems that the clear:both on the #bottomnav div is not working properly in IE6.

See this page: http://www.chrisbaran.com/index.php?option=com_content&task=view&id=10&Itemid=27. In most browsers the bottom nav links are at the bottom of the layout just above the bottom white border, but in IE6 they are above the content just under the topnav menu.

I have tried a bunch of different clearing methods, but none of them brought the menu down where it should be.

(Yes, I know that the site does not validate completely, but I am using Joomla and I can't change where the top menu css is being included and the opacity declarations in the css or IE hacks.)

Any suggestions on what to try to get the menu to display under the content in IE6?


Moved the bottomnav div and that solved the problem.

12-18-2007, 03:53 PM
I just looked at your page and the bottom nav is hanging out at the bottom just as every browser has it!