Muy buena respuesta lo del cambio de los fondos...
Ahora, con lo de la separación de los links, lo mejor sería usar un listado, (Lo cual es la manera corrécta de hacerlo no?)
Código:
<ul>
<li><a href="#html">link1</a></li>
<li><a href="#html">link2</a></li>
<li><a href="#html">link3</a></li>
</ul>
y luego tan simple como darle border-bottom al selector <li> y listo
, bueno por lo menos yó así lo hago y me funciona perféctamente bien y los menús quedan con un muy buen estilo.
Aquí dejo un ejemplo:
Código:
li {
list-style-type: none;
border-bottom: 1px solid #DDDDDD;
border-left:4px double #999999;
color:#000000;
margin:1px;
padding:4px;
}
Lo de usar <hr /> yó no lo recomendaría, porque esto crea un espacio vertical demasiado grande y eso destrozaría el bonito diseño que le hayamos aplicado al menú :-p
Espero que mi ejemplo les haya servido de algo...
Slds,
