爲什麼IE表格單元只有在有內容時才顯示？

Question

這是HTML

<table class = "contact-table"> 
    <tr> 
     <th>First Name(*):</th> 
     <td> 
      <asp:Label ID="lblFirstName" runat="server" ></asp:Label> 
     </td> 
    </tr> 
    <tr> 
     <th>Middle Name</th> 
     <td> 
      <asp:Label ID="lblMiddleName" runat="server" ></asp:Label> 
     </td> 
    </tr> 
    <tr> 
     <th>Last Name(*):</th> 
     <td> 
     <asp:Label ID="lblLastName" runat="server" ></asp:Label> 
     </td> 
    </tr> 
</table> 

這是CSS

.contact-table th, 
.contact-table td 
{ 
    border: 1px Black solid;  
} 

對於FF和鉻，事情都完美的工作，即日和TD有1px的黑色周圍的邊界。但是，對於IE，只有具有內容的td才具有邊界。

有什麼理由呢？

編輯

當我加入這個。聯繫表TD跨度

.contact-table th, 
.contact-table td, 
.contact-table td span 
{ 
    border: 1px Black solid;  
} 

空細胞在IE瀏覽器的邊界，但後來那些有過邊界小區，裏面有一個額外的邊界細胞。

編輯

當我改變規則，這樣

.contact-table th, 
.contact-table td span 
{ 
    border: 1px Black solid;  
} 

.contact-table td span 
{ 
    width: 100%;  
} 

它完美地工作了IE瀏覽器，但FF和鉻現在顯示邊境小額那套只有文本。

有沒有辦法告訴css根據瀏覽器應用不同的規則？

Answer 1

您是否有empty-cells: show集？

參見：http://msdn.microsoft.com/de-de/library/ie/cc848860(v=vs.85).aspx