imagenes separadas en menu css

Hola a todos estoy haciendo mi site y en esta ocasion el menu es de forma vertical. (imagen1)
En Dreamweaver me muestra que todo esta bien, pero cuando le hago la vista en vivo(imagen2), se ve que esta separado y lo mismo sucede en el navegador.

He mirado varios foros pero me sigue mostrando lo mismo.

Gracias

Danos el enlace a la página en cuestión.

Hola que tal.

Este es el enlace de la pagina.

http://skpepublicidad.com/v9/menu_def.html

Gracias por su ayuda

En la declaración de #menuprincipal li del CSS, agrega el atributo "line-height: 0px;".

El "problema" (que no es un problema, sino una característica) es que como estás usando HTML5, el atributo "line-height" es explícito (<img> es un elemento in-line por lo tanto está afectado por line-height).

Muchisimas gracias por su ayuda ... perdon por la respuesta tarde ...

Feliz 2012!!!!!!!!!!!!!!