[Ovillo] creación de menu en lista

[Marina Gallardo]

Buenas a todos,

Estoy trabajando en un menu en lista y quisiera poner lineas bajo cada
enlace que tuvieran el mismo ancho que la tabla, de tal forma que
quedase con un mismo ancho de línea para todo el menu, algo como aquí:
http://www.free-css-templates.com/LGBlue/
lo único que he conseguido es poner un borde bajo el enlace, pero
ocupa sólo el ancho del título del enlace.

A ver si alguien me puede decir qué hago mal o qué debería modificar /
agregar al estilo.

Gracias, abajo os coloco los códigos.
Marina.

HTML:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="" id="current">Home</a></li>
<li><a href="#">C&oacute;mo usar </a></li>
<li><a href="#">Distribuya Duf en su Pa&iacute;s </a></li>
<li><a href="#">D&oacute;nde comprarlo </a></li>
<li><a href="#">Informa a una amiga sobre Duf </a></li>
<li><a href="#">Videos demostrativos </a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>

CSS:

#navcontainer ul
        {
        list-style-type: none;
        text-align: left;
        }       

#navcontainer ul li a
        {
        background: transparent url(list-off.gif) left center no-repeat;
        padding-left: 15px;
        text-align: left;
        font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana,
lucida, sans-serif;
        text-decoration: none;
        color: #999;
        border-bottom:1px solid #CCCCCC;
        line-height: 20px;
}

#navcontainer ul li a:hover
        {
        background: transparent url(list-on.gif) left center no-repeat;
        color: black;
        }

#navcontainer ul li a#current
        {
        background: transparent url(list-on.gif) left center no-repeat;
        color: #666;
        }
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo