CSS issue with dropdown menu...

I am creating / customizing a dropdown menu. I have one issue. The drop down parts don't line up correctly. I am using Joomla. I just can't see where in the css to get the child ULs to line up directly underneath the parent. Any help would be awesome

http://www.becompleteamerica.com/

user: test
pass: test

Your problem is this line:

.sf-menu li {
background:none repeat scroll 0 0 transparent;
right:50%;
}

which is offsetting the dropdown li. Something like:

.sf-menu li li{right:0}

should do the trick.

Thanks for the help. Unfortunately, I have to use an unordered list style menu for this, and I need it centered. I used the left and right 50% trick to center it since they need left floats to be a horizontal list.

Unless you know of any other tricks...

Yes, but you only need that for your top level lis, I think, so the code I posted should be fine as it only affects the second level lis.

I kind of redid most of my CSS, and actually display table on the container worked out well for me.

http://www.cssplay.co.uk/menus/centered2.html

Used that method for centering. Thanks anyways