最近做页面发现一个奇怪的问题
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8;"/>
<title>没有合拢的边框</title>
<style type="text/css">
#tab_class {
height:23px;
padding-top:2px;
}
#current {
float:left;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom:1px solid #FFF;
height:21px;
background:#FFF;
}
#tab_content {
border:1px solid #CCC;
padding:10px;
}
</style>
</head>
<body>
<div id="tab_class">
<div id="current">Tab</div>
</div>
<div id="tab_content"></div>
</body>
</html>
在Internet Explorer和FireFox中，效果不一样，在Internet Explorer中边框没有合拢，而在FireFox中却是好的；如下图：
个人感觉原因是Internet Explorer与FireFox在解析border-bottom时的处理的不同，到现在我还没有找到解决的方法，不知哪位知道可以告诉我。
如无特别说明，转载请注明来自缘·空间，谢谢
