Menu won't align properly

Question

I have a css menu and i need the children to align with the parent menu. I just can't seem to get this right. I've tried several things but the menu just won't center with the div.

How its supposed to look like:

Here's the code: http://jsfiddle.net/V95wJ/

Answer 1

You're using

text-align:center;

for your parent menu, there is no way the children can be aligned with the parent with CSS. Maybe with js, but even with it, I don't think it's possible.

I think you'll have to do this by hand for each children menu.