HTML - TD granica nie pokazując w IE7

Question

Mam następujące klasy CSS:

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

i działa świetnie w Firefox, Chrome oraz IE9.

Ale IE7 rysuje granicę na dole wszystkich td, które mają tekst. Ale jeśli td nie ma tekstu, to nie rysuje granicy.

Jak mogę dodać obramowanie dla wszystkich z nich w IE7?

Answer 1

W IE7 puste komórki tabel nie istnieją. Dodanie   do wszystkich pustych komórek rozwiąże problem.

Dodatkowe informacje:

Jeśli używasz jQuery, można dodać   dynamicznie:

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

Jeśli nienawiści pomysł wkładania  , można dodać i rozpiętości ustaw jedną z właściwości:

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

Lub z jQuery:

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