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}