Centering Drop Downs Under Their Heading

[jessmess]

Hi! All I want to do is center the box that drops down from my menu under each heading. Right now, if the user doesn't have their window big enough, some of the menu item under the right hand side headings will be cut off because they are dropping down starting at then left corner of the heading. Please tell me if I'm not making any sense... Here's a test page: http://www.disneymadesimple.com/test-page.html And I've attached my css file Thanks!!~Jess

styles.css

[artistandlive]

Hmm, I'm not sure, what you want. Maybe this - add following:

dd li ul{  ....  width: 200px; /* e.g. 200px; width not necessary. just to get the correct width of the box */  margin-left: -100px;}

Now your Sub Menus would be centered ...Is this what you wanted?

[dsonesuk]

There are couple options here 1) put the links with wide parent link text to the right. 2) for the links on the right give the a property of right:0; instead when there are hovered over, you will have to give these link a class or id to only make sub menu of these links position themselves to the right edge and not left.

[jessmess]

Oh, perfect. I used @dsonesuk's second suggestion, to pull out the far right drop downs and have them be positioned from the right instead of the left. Thanks guys!