How to center a dynamic menu

Hi
I have successfully centered my menu by adding a div width. Only problem is that I don't want to specify a width because I am using a database to populate the menu and don't know how wide the menu will be once my client starts populating the site.

I have tried using min-width but did not work.

I am missing something here but not sure what?



Thanks for your help.

to center the menu, you must place the menu in a div that has the maximum width set, and use margin-left and margin-right auto

Hello,

I'm also having problems to center my menu. I've tried with a maximum width and margin auto but does not work.

The page is online at www.leysart.com/lesnoisetiers/index.php

Here is the CSS concerned (the menu is in div HeaderMenu) :

#Header {
background-color: #ff3300;
font-size: 18px;
font-weight: bold;
height: 150px;
max-width:2000px;
line-height: 15px;
margin: 0 auto 0 auto;
text-align:center;
}
#Header #HeaderData {
font-family: "Script MT Bold";
height: 75px;
margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 25px 25px 0 25px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
text-align:left;
}
#Header #HeaderMenu {
height: 50px;
max-width:2000px;
margin: 0 auto 0 auto;
text-align:center;
}

the max-width setting has to be the width of the menu.

try using 1200px for the max-width instead of 2000px.

That solved the rpoblem. Thank you for your help.