Estimados señores,
Estoy trabajando con divs superpuestos, de manera que quiero crear un simple menu encima del contenido, y posicionado de forma relativa.
Parece facil, y quizas lo sea, pero me temo que no consigo por mi mismo encontrar la solucion.
Aqui les dejo mi problema reducido a la minima expresion para que no tengan que trabajar con el caso real que sería una tarea cansina:
Código PHP:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<body>
<div align="center">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" bgcolor="#00FF00" height="30"><div style="overflow: visible; height: 10px;"><strong>Menu</strong>
<div style="position:relative; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: -20; top: 59;"><strong>Uno<br />Tres</strong></div></div></td>
</tr>
<tr>
<td bgcolor="#FF00FF">Pedrodsd<br />
dsad</td>
</tr>
<tr>
<td bgcolor="#3399CC">DSd<br />
Siii</td>
</tr>
</table>
</div>
<p align="center"> </p>
</body>
</html>
Como podrán ver, tenemos una tabla, con 3 celdas.
La primera celda, debajo de "Menu", tenemos un div que quiero superponer de forma relativa a esta, y que aparezca un poco mas abajo, y un poco mas a la izquierda (es un suponer, pero ha de ser asi :P)
Bien, Mozilla Firefox nos muestra correctamente el tema, =D la primera celda como podéis ver tiene 30 px de alto, en cambio IE no, ya que incorpora la ALTURA DEL DIV RELATIVO debajo del texto "Menu" como si de un gran espacio se tratara.
¿Alguien me puede decir que estoy haciendo mal?
Muchas gracias de antemano y un saludo.