jQuery Drop Line Menu not centered properly

[audjane]

Hello there,

I'm installing the jquery drop line menu found here -- http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

and like some of the other commenters on that page, the drop down menu is not centered properly. I used the CSS listed there without modifying it.

The one suggestion - setting width to 82% and setting left & right margins to auto - did not work for me.

It also added the white bar above the nav bar.

Here is the blog:
http://mrstepp.typepad.com/blog/

Has anyone encountered this, and do you have any pointers? I'm fairly new to this - esp implementing on Typepad.

Thank you thank you thank you!
:confused:

[simcomedia]

Put the menu into a div container and then use CSS to position the div, not the menu.

[webjedi]

Put the menu into a div container and then use CSS to position the div, not the menu.

No No No. This doesn't work.
I dont think this menu will allow us to center the UL or rather the TEXT of the menu inside the top 100% div (and subsequent divs).

I think it relies on the float:left to work .....

[simcomedia]

Are you trying to center the menu on the page? Or trying to center the text within the menu's <li>'s?

[webjedi]

Are you trying to center the menu on the page? Or trying to center the text within the menu's <li>'s?

Short, 5 item menu centered on page, 100% with, text centered in menu,
dropdowns centered under that. I cant remove the float:left.

I could maybe try an absolute position in a div container, I already tried a centering div wrapping it, to no avail.

Ideas?