Hueco entre imagenes

[ZiTAL]

Hola a todos, tengo un problema con el Internet Explorer:

Tengo unas imagenes que son enlaces una debajo de otra y el Explorer le agrega un hueco, como puedo quitar ese hueco?

Código HTML:

<div id="cuadro_menu">
<a href="vinos.php" >
<span class="borde">
<img src="images/vinos.gif" alt="vinos" style="border:0px;" >
</span>
</a>
<a href="carta.php">
<span class="borde">
<img src="images/carta.gif" alt="carta" style="border:0px;">
</span>
</a>
</div> 

CSS

Código:

#cuadro_menu {
	width: 204px;
	text-align: center;
	right: 46px;
	height: 385px;
	position: absolute;
	top: 222px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;	
}
.borde{

  display:block;
  border:none;
  
}

lo podreis ver en:

http://test.etxesoft.com/lasduelas/presentacion.php

[hey_alan]

Si no me equivoco, puede ser que el alto que le has asignado al cuadro del menu, es superior por el abordado por las imagenes, y al poner "vertical-align: middle;" las imagenes se distributen por toda la capa, y pues por eso el hueco. Puedes poner una altura automatica, para que se ajuste al tamaño del conjunto de imagenes.

PD: Podrias poner de esta manera tu html, quedaria más práctico:

Código:

<div id="cuadro_menu">
<a href="vinos.php"  class="borde"><img src="images/vinos.gif" alt="vinos" border="0" vspace="0"></a>
<a href="carta.php" class="borde"><img src="images/carta.gif" alt="vinos" border="0" vspace="0"></a>
</div>

[ZiTAL]

Ya lo he probado y nada he puesto con UL LI y tampoco :(

¡¿Se puede saber como se hace para que funcione en IE?!

[pzin]

¿ie6, Ie7?

[ZiTAL]

Al final lo he hecho asi:

CSS

Código:

.menu
 {
 	float:left;
 	margin: 0px;
	padding: 0px;
	border: 0px;
 }

Código HTML:

<div id="cuadro_menu">
		<a href="vinos.php">
		<img src="images/vinos.gif" alt="vinos" class="menu">
		</a>
		<a href="carta.php" >
		<img src="images/carta.gif" alt="carta" class="menu">
		</a>
</div> 

que pesadilla por dios... ;)