div+css浏览器兼容问题

[swordman123]

页面代码：
<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区域却显示出来。

[AngleBabyHong]

sf

[mylove_web]

"table区域显示空白"

怎么会？难道没有显示出：‘手 机：’吗？

[swordman123]

问题找到了，在上层盒子里用了float:right，所以它就继承上层浮动方式。