首先我们说说firefox和IE对CSS的宽度显示有什么不同:
其实CSS ’width’ 指的是标准CSS中所指的width的宽度,在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度,包括内容,padding ,border。
Firefox中:容器占的宽度=内容宽度+padding宽度+border宽度
IE中:内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度
所以,如果IE中定义 width:120px;padding:5px 的话,所显示的宽度就是120px.
即padding:5px是在width里面。
而Firefox中,上面这个定义,显示宽度就是 125 px;
所以,我们就必须这样定义
width:115px !important;width:120px;padding:5px;
必须注意的是, !important; 一定要在前面。
详细见: http://www.iwms.net/n1960c40.aspx
那是因为padding-top后的这标签的宽度比这个外面的标签的高度小