Problema sencillo con unas pestañas

[occiso]

saludos.

Mi problema es muy sencillo. Quiero que cuando se pase por encima de la pestaña la marque totalmente como seleccionada en blanco. Ahora sólo se selecciona una pequeña área que es la de texto. Mirad el enlace y lo veréis claramente: enlace

ésta es la hoja de estilo que utilizo: estilos

Como ya he dicho, sólo se me pone como marcada cuando pongo el cursor encima del texto pero sólo se me marca el área que abarca el texto y quiero que abarque toda el área de la pestaña.

¿alguien sabe que tengo que modificar en el css?

gracias por adelantado.

[occiso]

antes lo pongo antes lo arreglo:

#tabs li a {
float: left;
display: block;
color: #484848;
text-decoration: none;
padding: 4px 8px;
width: 100%; --> añadir esto y ya está
}

[webosiris]

sacale el

Código:

float: left;

a #tabs li a
Lo probé y funciona

EDITO:
acabo de ver tu mensaje (te me adelantastes, estaba haciendo pruebas), pero la solución que propongo es más eficiente

Código:

#tabs li a { 
display: block; 
  color: #484848; 
  text-decoration: none; 
  padding: 4px 8px; }