div+css浏览器兼容问题
页面代码:
<div class="boxCenter">
<table cellspacing="1" class="tbBox">
<tr>
<td class="leftBox">
手 机:
</td>
<td class="middleBox">
<asp:TextBox ID="txtMobile" runat="server" CssClass="text" MaxLength="20"></asp:TextBox>
</td>
<td class="rightBox">
</td>
</tr>
</table>
</div>
css文件:
.boxCenter
{
width:100%;
height:auto;
}
.tbBox
{
width: 100%;
}
.tbBox .leftBox
{
padding-left: 30px;
width: 120px;
height: 24px;
line-height: 24px;
}
.tbBox .middleBox
{
width: 280px;
height: 24px;
line-height: 24px;
text-align:left;
}
.tbBox .rightBox
{
height: 24px;
line-height: 24px;
padding-left: 5px;
width:300px;
text-align:left;
}
页面在IE8下正常,在FireFox下该table区域显示空白,区域的高宽都有;在<div class="boxCenter">后插入一行字符或另一个表格后, table区域却显示出来。