quitar defasamiento de listas

[lord_michael]

Buenas, por aqui saludando y molestandolos con un asunto que ya me esta frustrando, soy nuevo en esto de CSS, estoy intentando hacer una lista horizontal y lo hago con:

#shows ul li{

list-style:none;
display:inline;

}
<div id="shows">
<ul>
<li>Show1</li>
<li>Show2</li>
<li>Show3</li>
</ul>
</div>

entonces eso me deja la lista asi:
| Show1 Show2 Show3|

ahora la pregunta es, como le hago para quitarle el defasado que tiene la lista??? para que quede asi:

|Show1 Show2 Show3|

el div "shows" tiene padding:0px;

De antemano gracias.

[JavierB]

Hola lord_michael

No se si he entendido bien tu duda, pero prueba esto a ver si te vale:

#shows ul {margin:0}

Por cierto, cuando a alguna propiedad le pones cero no es necesario que añadas px ni otro tipo de medida.

Saludos,

[lord_michael]

perdon, se me olvido mencionar que ul ya tiene padding:0, ups margin:0 jejejejeje y no junciona gracias :)

[posavasos]

#shows * { margin:0; padding:0; }

[lord_michael]

Muchas gracias posavasos, eso soluciono mi minifrustracion. Es de esas veces que funciona y no se como... asi que, al rato investigo pa que es el *. Gracias

[posavasos]

el problema que tenias era el margin/padding de las etiquetas li, no de la ul (porque ya se lo habías quitado). #shows * { margin:0; padding:0; } lo que hace es aplicar margin:0; padding:0; a todos los elementos que estén dentro del div con id "shows"