los puntos no desaparecen

los puntos de los menus no llegan a desaparecer , este es mi codigo :

body {text-align: center}
* {margin:0px ; padding:0px ; border: 0px}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li { list-style:none }

aver si me pueden echar una mano gracias

corriganme una cosa por favor en el tutorial ay una parte que pone

#menu li {list-style:none ; margin: 4px 0px 4px 6px} seria para quitar los puntos ya que el style es none pero yo los e quitado poniendo

li {list-style:none ; margin: 4px 0px 4px 6px} y se an quitado seria correcto o esta mal en el tutorial ?

Hola amigo darkraist,

en éste post vas a encontrar algo muy interesante, y que te va a sacar de dudas a muchas preguntas.
En el curso el código está bién y bién interpretado, luego a veces nosotros mismos no intrerpretamos los códigos del mismo modo.

Quiero que hagas una cosa,
copia y pega éste código que aqui te dejo en un archivo de texto, renombralo y le pones la extesión en vez de .txt le cambias a .html, luego lo ejecutas y luego nos escribres un post. con tú opinión.

<style type="text/css">
<!--

#menu li{list-style:none ; margin: 4px 0px 4px 6px}/* esto es para el menu li de arriba */ 
li {list-style:none ; margin: 4px 0px 4px 6px} /* esto es para el menu li del segundo lugar */ 
-->
</style>

<div id="menu">
<ul>
[*]hola
[*]hola
[*]hola
[*]hola
[*]hola
[/list]</div>



<ul >
[*]hola
[*]hola
[*]hola
[*]hola
[*]hola
[/list]



<ul style="list-style:none ; margin: 4px 0px 4px 6px">
[*]hola
[*]hola
[*]hola
[*]hola
[*]hola
[/list]

Si no has entendidoi, lo del archivo de texto,renombrar,y cambiar la extesión, no te preocupes, luego lo comentamos.


Saludos manmanu