为什么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