Problema larghezza CSS

[Delo80]

Buongiorno a tutti

ho un piccolo problema con la determinazine della larghezza di un elenco puntato numerato e relativo sfondo

#menu_sx{ padding: 4px 4px 0px 4px; margin: 0px 0px 0px 0px;} 
#menu_sx ul{list-style-type: none;margin: 0;padding: 0; } 
#menu_sx li{float: left; padding:0px; margin: 0px; width: 162px; border-top:1px solid; border-left: 1px solid; border-right: 1px solid;} 
#menu_sx a { vertical-align:middle; text-decoration: none; color: #000; text-align: left; font-size:12px; padding:0px 0px 0px 4px; margin:0px 0px 0px 0px; min-width:162px; background-color:#999999; } 
#menu_sx a:hover{ color: #FFF;; text-decoration: none; background-color:#0000FF;}

vorrei creare un elenco per un menu di 8 voci la cui larghezza deve essere pari a 162px (e questo funziona senza problemi) ma vorrei che lo sfondo fosse di colore grigio.
Il problema sorge nella visualizzazione: lo sfondo viene applicato solo al testo e non all'intera area di 162px.
Dove sbaglio?

[Mich_]

Prova a modificare la formattazione del tag <a>:

#menu_sx{
  padding: 4px 4px 0px 4px;
  margin: 0;
} 
#menu_sx ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
} 
#menu_sx li {
  float: left;
  padding:0;
  margin: 0;
  width: 162px;     /* se vuoi che ogni pezzo no supeeri i 162 px, questo valore e` da diminuire */
  border: black solid; 
  border-width: 1px 1px 0 1px;
} 
#menu_sx a {
  /*vertical-align:middle; */
  display: block;
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-decoration: none;
  color: #000;
  text-align: left;
  font-size: 12px;
  padding: 0 0 0 4px;
  margin:0;
  /* min-width:162px; */
  background-color:#999;
} 
#menu_sx a:hover {
  color: #FFF;
  text-decoration: none;
  background-color:#00F;
}

[Delo80]

Grazie mille, pare funzionare
Buona giornata