firefox上表格变形解决

?

<div id="theadDiv" class="theadDiv">
    	<table id="theadTable" class="theadTable">
    	</table>
</div>
 <div id="dateDiv" class="dateDiv">
    	<table id="gridTable" class="gridTable">
    		<tbody>
    		</tbody>
    	</table>
 </div>

?

?采用如上方式固定表头，如果在第二个table的td定义的样式包含float:left 如下

?

table.gridTable tbody tr td{
	height:21px;
	font-size:13px;
	overflow: hidden;
	float:left;
	padding:0px 0px 0px 5px;
	border-left:1px solid #888;
	border-top:1px solid #888;
}

?将会使表格变形，如下

?

解决方法，将float去掉，效果如下

?

?