problema quitar espacio entre divs

[franfal]

Hola tengo un problema que me esta volviendo loco, y es que soy incapaz de quitar un espacio en blanco que me sale entre el div navegacion y el div cuerpo.
Tengo puesto los margin border y padding a 0.

Os dejp el codigo a ver si me podeis echar una mano. Muchas gracias

<div id="global">

<div id="cabecera">

<img src="im%e1genes/dise%f1o-web-1_01.gif" alt="" width="100%" height="161" border="0">

</div>

<div id="lateral_izqdo">
<img src="im%e1genes/dise%f1o-web-1_02.gif" width="32" height="507" alt="">
</div>
<div id="central">
<div id="navegacion">
<ul>

<li><a href="#"><img src="im%e1genes/dise%f1o-web-1_03.gif" width="117" height="50" alt="" style="border:0px" ></a></li>
<li><a href="#"><img src="im%e1genes/dise%f1o-web-1_04.gif" width="126" height="50" alt="" style="border:0px" ></a></li>
<li><a href="#"><img src="im%e1genes/dise%f1o-web-1_05.gif" width="124" height="50" alt="" style="border:0px" ></a></li>
<li><a href="#"><img src="im%e1genes/dise%f1o-web-1_06.gif" width="132" height="50" alt="" style="border:0px" ></a></li>
<li><img src="im%e1genes/dise%f1o-web-1_07.gif" width="461" height="50" alt="" style="border:0px" ></li>

</ul>
</div>
<div id="cuerpo">
<img src="im%e1genes/dise%f1o-web-1_10.gif" width="960" height="457" alt="">
</div>
</div>
<div id="lateral_dcho">
<img src="im%e1genes/dise%f1o-web-1_08.gif" width="32" height="507" alt="">
</div>

<div id="pie">
<img src="im%e1genes/dise%f1o-web-1_11.gif" width="1024" height="100" alt="">
</div>


CSS

* {margin:0px ; padding:0px ; border: 0px}
#global { width: 1024px
}
#lateral_izqdo {float:left}
#central {float:left}
#navegacion {}
#navegacion a {text-decoration:none}
#navegacion ul { margin: 0px 0px 0px 0px }
#navegacion li {
float:left; margin: 0px 0px 0px 0px; list-style:none
}
#cuerpo {margin: 0px 0px 0px 0px}
#lateral_dcho {float:left; margin: 0px 0px 0px 0px}
#pie {margin: 0px 0px 0px 0px}

[jomaruro]

Hola:

No sé si tendrá algo que ver pero...

<li><a href="#"><img src="im%e1genes/dise%f1o-web-1_03.gif" width="117" height="50" alt="" style="border:0px" ></a></li>

...las rutas no deberían tener caracteres extraños como los acentos o las ñ, es decir

<li><a href="#"><img src="imagenes/diseno-web-1_03.gif" width="117" height="50" alt="" style="border:0px" ></a></li>

Prueba cambiando eso.

Saludos.

[franfal]

no creo que sea ese el problema ya que las imagenes las pilla bien... seguire investigando...
gracias de todos modos

[jomaruro]

Hola:

Tú mismo.

Saludos.

[kseso?]

Si tu diseño sólo contiene imágenes, no podremos reproducirlo exáctamente como tú lo ves.
Tampoco sabemos si utilizas doctype y cuál.
Comienza por cerrar todas las etiquetas, pues las de img están si cerrar así como el <div id="global">
Haciendo eso, (doctype, cerrando todas las etiquetas) y colocando un fondo a las imágenes no veo separación. Eso sí, utilizando un reset de css.

Y aunque creas que la observación de Jomaruro no viene a cuento de tu problema actual, tienes dos opciones, hacerle caso o que tu próxima consulta sea para pregntar porqué en algún navegador no se ven algunas imágenes.

Pero como ya dijo él:

Iniciado por jomaruro

Tú mismo.

Un saludo