HTML - frontera TD no se muestra en IE7

Question

tengo la siguiente clase CSS:

.detail tr td 
{ 
    border-bottom: 1px solid #c0c0c0 ; 
} 

y funciona muy bien en Firefox, Chrome e IE9.

Pero IE7 dibuja un borde en la parte inferior de todos los td que tienen texto. Pero si el td no tiene texto, entonces no dibuja el borde.

¿Cómo puedo agregar el borde para todos ellos en IE7?

Answer 1

En IE7, las tablas vacías no existen. Agregar un   a todas sus celdas vacías resolverá su problema.

Información adicional:

Si estás usando jQuery, podría añadir la   dinámicamente:

$(document).ready(function() { 
    $("td:empty").html(" "); 
}); 

Si no te gusta la idea de insertar un  , se podría añadir un palmo y establecer una de sus propiedades:

<span style="zoom:1;"></span> 

O con jQuery:

$(document).ready(function() { 
    $("td:empty").html("<span style='zoom:1;'></span>"); 
});