Box uno dentro l'altro, ma non è centrato

[fabrrrri]

Voglio centrare "menucontainer", però non capisco perchè non ci stà

.menucontainer{ width:960px;float:left; margin:auto; text-align:center; }

.menu{ margin: 0 2px; background: #000 url(sfondomenu.png) repeat-x; height: 45px; overflow: hidden; font-size: 1px; text-align: center;} 

<div class="menu">
<div class="menucontainer">

[uffissimo]

cambia così:

.menucontainer{ width:960px; margin-left:auto; margin-right:auto; }

prima o poi questa domanda la facciamo tutti ;P

[fabrrrri]

Ma non conoscendo la lunghezza totale (che è variabile) è posisbile allineare il blocco al centro ? Non ci riesco

[uffissimo]

basta non inserire il width

ma in base a cosa varia la larghezza?