enlaces de menu

hola!!!el tema es el siguiente:siguiendo todos los pasos y terminada la leccion 3ª y viendo los ejemplos he podido comprobar que los enlaces 1,2,3,4,del menu vertical me quedan algo separados,como se,puede arreglar?aqui os dejo el enlace de mi pagina para que podais verlo y tambien como lo tengo en los estilos generales.gracias y un saludo.

#menu {background-color: yellow; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom }
#menu li { list-style:none ; margin: 4px 8px 4px 6px ; padding-bottom: 5px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-curva-superior.gif) }


la pagina es esta: bonykaigualada.atwebpages.com

Si no me equivoco, para que los enlaces del menu no queden separados, tienes que poner las etiquetas <ul> y

seguidas, es decir:

<ul>[*][url="#"]Elemento de la lista, 1[/url][*][url="#"]Elemento de la lista, 2[/url][*][url="#"]Elemento de la lista, 3[/url][/list]

Todas seguidas, así los navegadores eliminan el espacio (que creo que sería como un intro/enter), no sé si te refieres a esto. :oops:

Esto lo haces en el codigo HTML