Log in

View Full Version : Positioning Nested Lists with CSS



inko9nito
09-24-2007, 03:48 AM
I'm trying to create a submenu using lists and css. The problem is that I would normally position the submenu using position: absolute, but then it wouldn't center the menu on the page.

I found this site (http://www.mezzoblue.com/tests/centered-css/) and applied their approach to my lists, but (1) it doesn't validate (I know, using spans within ul's is wrong, but I'm out of ideas), and (2) it doesn't center in IE6.

Here's the page with unruly submenus: http://esiwebservices.com/new/contact-esi-web-services.html

Everything looks fine in Firefox, it's IE6 that's giving me trouble, and I'd really rather use an approach that would validate.

Does anyone have any suggestions? Please help :(

Thanks in advance.

EDIT: Yes, I saw this thread (http://www.dynamicdrive.com/forums/showthread.php?t=24877). It's part of the approach I'm using and it's not working.