Salve.

Ho un problema col centrare un div in un altro.

Il div contenitore ha dimensioni fisse mentre quello contenuto ha "width: auto;".

Il testo html :

<div id="header">
<div id="menu">
<ul>
[*]Home
[*]Chi siamo
[*]Come raggiungerci
[*]Contatti[/list]
</div>
</div>

Lo stile css esterno :

#header { width: 700px; height: 80px; padding: 0px; position: absolute; right: 0px;
background-color: #222; display: block; }

#menu_head { width: auto; height: 30px; line-height: 30px; margin: 0 auto; padding: 0px;
position: absolute; top: 20px; display: block; }

#menu_head ul { margin: 0px; padding: 0px; list-style-type: none; }

#menu_head li { margin: 0px; padding: 0px; display: table-cell; }

#menu_head a { margin-left: 20px; margin-right: 20px; padding: 4px 5px; font-size: 11px;
color: #DEDEDE; border: 1px outset #4C4C4C; }

Le "position" non sono sicuro che servano ma se modifico quella del menu_head in relative

la dimensione del div in orizzontale prende tutto il contenitore e non voglio.

Il display: table-cell serve a tenere in linea le varie voci e creare un menu orizzontale.

Cosa sbaglio ?

le voci.