Estimados:
Estoy usando el siguiente css para la barra de navegación de mi sitio.
Código:
#sidebar {
border-bottom: solid 1px #102424;
background: #384C4C url(images/img03.gif) repeat-y top left;
width: 225px;
padding: 40px;
margin: 0 0 0 675px;
color: #CAD5D5;
}
#sidebar h2, #sidebar h3, #sidebar h4 {
color: #FFFFFF;
}
#sidebar a {
color: #EF7A7A;
}
#sidebar ul {
list-style: none;
margin-bottom: 2em;
}
#sidebar ul li {
padding: 10px 0 10px 0;
border-top: solid 1px #5E8383;
border-bottom: solid 1px #182C2C;
}
#sidebar ul li.first {
padding-top: 0;
border-top: 0;
}
#sidebar ul li.last {
border-bottom: 0;
}
Con esto, cada <li> es separado por una línea de color.
ahora necesito meter en el mismo lugar una <ul> pero quiero que no me muestre ninguna línea de separación entre las distintas <li>.
Cómo hago?
Muchas gracias desde ya