Nimiedad sobre los márgenes

Vuelvo a la carga con una pregunta nimia. Estoy en la "segunda vuelta" del curso, al final de la lección 2, en el capítulo "separar el menú y acabo de poner:
menu {................... margin:3px 10px 3px 3px}
La cosa nimia es que:

La zona en amarillo no tiene el pequeñísimo margen naranja a la izquierda de la "vista previa" que viene a esas alturas en la lección.

En realidad, me da igual, pero es por aprender qué puedo haber hecho "mal".

El código de estilo-general es en este momento:


* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}






body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}



#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }

#pie {background-color: brown }

#menu li { list-style:none }

#menu li {list-style:none ; margin: 4px 0px 4px 6px}



a {color: brown ; text-decoration:none ; display: block }
a:link { }
a:visited { }
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active { }
a {color: brown ; text-decoration:none ; display: block }

p {text-align: justify}


menu {.........margin:3px 10px 3px 3px}

hola

cuando jorgens pone algo asi

menu {................... margin:3px 10px 3px 3px}

te dice que....

a lo que ya tenias en #menu.. agregale esto

fijate en los colores que he puesto, para que te aclares mejor

saludos