Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/03/2012, 09:21
LagoGZ
 
Fecha de Ingreso: marzo-2012
Mensajes: 30
Antigüedad: 12 años, 1 mes
Puntos: 2
Tabla q se mueve al mostrar bordes de celda

Buenas tardes y saludos a todos.

Aprovecho para presentarme, jejejeje.

Resulta q tengo una tabla tal como sigue:
--------------------------CSS----------------------------
.Taboa1
{
text-align: center;
cursor: pointer;
width: 12em;
}

.Taboa1
{
height: 18em;
}

.Columna1
{
height: 2em;
}

.Columna1:hover
{
border-bottom: 1px #FFF solid;
border-top: 1px #FFF solid;
height: 2em;
}

------------------------HTML-------------------------
<table class="Taboa1">
<tr><td class="Columna1">xxxxx</td></tr>
<tr><td class="Columna1">xxxxx</td></tr>
</table>

Cuando la cargo en Mozilla Firefox, se muestran los bordes correctamente sin desplazar ni tabla ni celdas, pero en Internet Explorer 8 me desplaza las celdas inferiores, como si al mostrar los bordes aumentase el tamaño de la celda actual.

He probado mil cosas y no me ha funcionado ninguna.

Alguna idea?

Un saludo.