Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/04/2012, 09:01
Avatar de moron
moron
 
Fecha de Ingreso: mayo-2004
Mensajes: 972
Antigüedad: 20 años
Puntos: 2
Lineas de separación en <li>

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