Problema con el menu del Curso

Hola, tengo un pequeño problemilla y no se porqué ocurre. Resulta que sigo el curso paso a paso, tengo el mismo código que aparece en el, pero sin embargo, en el menú de la izquierda donde va el título de la seccion y los enlaces debajo, el padding-top que le he puesto a la etiqueta h1 y el padding-bottom que le he puesto al menu no surgen efecto, se queda pegado a los bordes del menú. Aquí os dejo mi página, y como debería quedar a ver si podeis hecharme una mano.

La mía:
http://pruebacctw01.onlinewebshop.net/plantilla.html

El código css:
http://pruebacctw01.onlinewebshop.net/estilo-general.css

Debería haber quedado como en el paso 28 del siguiente link.
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/progresos.…

Espero que podais ayudarme y gracias por haber creado esta WEB, me ha ayudado bastante hasta ahora!!

JaViXU escribió:Hola, tengo un pequeño problemilla y no se porqué ocurre. Resulta que sigo el curso paso a paso, tengo el mismo código que aparece en el, pero sin embargo, en el menú de la izquierda donde va el título de la seccion y los enlaces debajo, el padding-top que le he puesto a la etiqueta h1 y el padding-bottom que le he puesto al menu no surgen efecto, se queda pegado a los bordes del menú. Aquí os dejo mi página, y como debería quedar a ver si podeis hecharme una mano.

La mía:
http://pruebacctw01.onlinewebshop.net/plantilla.html

El código css:
http://pruebacctw01.onlinewebshop.net/estilo-general.css

Debería haber quedado como en el paso 28 del siguiente link.
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/progresos.…

Espero que podais ayudarme y gracias por haber creado esta WEB, me ha ayudado bastante hasta ahora!!

Hola:
Le sugiero que primeramente ordene su hoja de estilo, ya que los navegadores leen desde arriba hacia abajo, puede poner sus códigos de esta forma:
*{margin etc. etc.}
p{etc.etc.}
h1{etc.etc.}
h2{etc.etc.}
body{etc.etc.}
#global{etc.etc.}
#curva{etc.etc.}
#cabecera{etc. etc.}
#logotipo{etc.etc.}
#publicidad{etc.etc.}
#navegacion{etc.etc.}
#navegacion li{etc.etc.}
#navegacion ul{etc.etc.}
#contenido{etc.etc.}
#contenido p{etc.etc.}
#menu{etc.etc.}
#menu h1{etc.etc.}
#menu li{etc.etc.}
#pie{etc.etc.}
#pie li{etc.etc.}
#pieuno{etc.etc.}
#piedos{etc.etc.}
#pietres{etc.etc.}
#curva{etc.etc.}
a {etc.etc.}
a:link{etc.etc.}
a:visited{etc.etc.}
a:hover{etc.etc.}
a:active{etc.etc.}
#pie a{etc.etc.}
#pie a:link{etc.etc.}
#pie a visited{etc.etc.}
#pie a:hover{etc.etc.}
#pie a:active{etc.etc.}
#logotipo a{etc.etc.}
#logotipo a:link{etc.etc.}
#logotipo a:visited{etc.etc.}
#logotipo a:hover{etc.etc.}
#logotipo a:active{etc.etc.}
Después se puede ver los problemas adyacentes que pueda tener
Saludos