problema visualizzazione in firefox, netscape e safari

[krotaloindio]

Dunque, il problema in explorer non si pone ma con gli altri tre browser specificati in oggetto, spostano il menù, di cui allego il codice sotto, di 40px nel left-margin:

#nav ul { margin:auto;
}

#nav li {
height:40px;
list-style-type: none;

}
#nav li,
#nav li a {
display: block;
width: 140px;
background-repeat: no-repeat;


}
#nav li a {
padding-top: 40px; height:0 !important;
height : 40px; overflow: hidden;


}
#nav li a:hover {
background-position: 0 -40px;

}


#nav li.comune,
#nav li.comune a {
background-image: url(navigazione/btn_comune.png);
width:140px;
height:40px;

}
#nav li.paese,
#nav li.paese a {
background-image: url(navigazione/btn_paese.png);
width:140px;
height:40px;
}
#nav li.servizi,
#nav li.servizi a {
background-image: url(navigazione/btn_servizi.png);
width:140px;
height:40px;
}
#nav li.impresa,
#nav li.impresa a {
background-image: url(navigazione/btn_impresa.png);
width:140px;
height:40px;
}
#nav li.focus,
#nav li.focus a {
background-image: url(navigazione/btn_focus.png);
width:140px;
height:40px;
}

body.comune #nav li.comune a,
body.paese #nav li.paese a,
body.imrpesa #nav li.impresa a,
body.servizi #nav li.servizi a,
body.focus #nav li.focus a,


il sito in questione è QUI

grazie della disponibilitàhttp://www.comune.bussi.pe.it

[krotaloindio]

scusate ma ho risolto: il problema era qui: #nav ul { margin:0; padding:0;
}
e non #nav ul {auto;
}

grazie per lo spazio e il tempo ;-)