[thelist] css horizontal menu spacing problems

[Paul Bennett]

Hi John,

Take the explicit width (152px) off your ul.nav li rule and it's fine.

With Firefox, firebug is your bestest friend :)
http://getfirebug.com/

Paul

-----Original Message-----
From: thelist-bounces at lists.evolt.org [mailto:thelist-bounces at lists.evolt.org] On Behalf Of Gersten, John
Sent: Friday, July 04, 2008 9:45 AM
To: thelist at lists.evolt.org
Subject: [thelist] css horizontal menu spacing problems

I have an extremely simple, small site with css-generated horizontal menus that I cannot get to display properly in IE6 and Firefox 2. (I can't load IE7 or Firefox 3 here at work to test either, but I assume the problem is consistent in those versions as well).

The page is http://www.gasolinepricefixinglawsuit.com/index.htm

In IE6, the top and bottom navigation menus align to the left side of the #main div. In Firefox, there is an extra left-side margin of about 40 pixels that I cannot remove (in part because I cannot figure out where it is coming from) which forces the menu to wrap vertically. What I am *trying* to set up is a css-based horizontal menu that will actually center itself above the rest of the #main div, and that's not working in IE6 either.

I know my css is screwed-up but I cannot figure out where the problem(s) lie.

I have been trying to fix this all day and am driving myself into the ground with frustration. Any help/guidance anyone can provide will be greatly appreciated.

John