Lineas de separación en <li>

[moron]

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

[dehost]

Segun entiendo:

Código CSS:

#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;
            }
            
            #sidebar ul li ul{
                margin-bottom: 0;
            }
            
            #sidebar ul li ul li {
                border:none;
            }
 

[dehost]

me flato en el ultimo

Código CSS:

#sidebar ul li ul li {
                   border:none;
                padding:0;
            }
 

[moron]

Gracias por la respuesta.

No quiero poner un ul dentro de otro (según interpreto en el código que me pasaste)

para sidebar todos los <li> tienen ese formato, yo necesito poner dos <ul> dentro de sidebar, uno que respete ese formato y otro que no.


de todas formas me sirvió en parte tu respuesta, ya que poniendo esto: <li style="border:none"> ya no muestra la línea.
Pero me gustaría poder implementarlo en el archivo css.

Saludos

[fishdesign]

Quizás he entendido mal tu pregunta ya que no entiendo realmente cual es la dificultad, pero según he entendido sería tan fácil como crear una clase específica (o genérica) y añadirla al elemento en cuestión.

Código CSS:

.myClass { border: none }
 

Código HTML:

<ul>
<li class="myClass">Test</li>
</ul>
 

Para ponerlo en todo el UL (y no LI por LI)

Código CSS:

.myClass li { border: none }
 

Código HTML:

<ul class="myClass">
<li>Test</li>
</ul>
 

Por cierto, a que se debe margin: 0 0 0 675px; en #sidebar?
Creo que hay algo por ahí que no es correcto...