IE 7在使用css边框时更改块元素的高度 .导航按钮 { 边缘顶部：8px； 高度：自动； } .navi按钮。框{背景颜色：#FF9900；显示：块；填充：4px；右边距：2px；浮动：左；宽度：10；高度：13px；} .navi按钮。框悬停{边框：薄实线#FF9900；显示：块；填充：3px；右边距：2px；浮动：左；宽度：10；高度：13px；} .导航按钮。悬停 { 填充：3倍； 颜色：#FF9900； } .导航按钮。简单 { 背景色：#FF9900； 填充：3倍； 颜色：#FFFFFF； } .导航按钮a：悬停 { 文字装饰：下划线； }

结果：

如果你在IE 7中看到下面的图片，在这种情况下选择的按钮4高度改变，在其他浏览器中它工作正常，我已经包括了标记和css，有人能提供任何帮助吗，我哪里弄错了

---

Thnx

可能是您必须编写

1px

而不是

thin

。像这样：

<div class="navi-buttons">
                <div class="box"> <a href="#" id="c1f" class="simple">1</a></div>
                <div class="box"><a href="#" id="c2f" class="simple">2</a></div>
                <div class="box"> <a href="#" id="c3f" class="simple">3</a></div>
                <div class="box"> <a href="#" id="c4f" class="simple">4</a></div>
                <div class="box"> <a href="#" id="c5f" class="simple">5</a></div>
                <div class="box-hover"><a href="#" id="c6f" class="hover">6</a></div>
            </div>

 .navi-buttons
{
margin-top:8px;
height:auto;
}

.navi-buttons .box{ background-color: #FF9900; display:block; padding:4px;margin-right:2px;float:left;width:10; height:13px;}
.navi-buttons .box-hover{ border: thin solid #FF9900; display:block; padding:3px;margin-right:2px;   float:left;width:10; height:13px;}
.navi-buttons .hover
{

padding: 3px;
color: #FF9900;

}
.navi-buttons .simple
{
background-color: #FF9900;
padding: 3px;
color: #FFFFFF;
}

.navi-buttons a:hover
 {

text-decoration: underline;
}   

---

MS可能在浏览器版本之间更改了“瘦”的内部定义。尝试使用显式

1px

或类似的大小。是的，这就是问题所在。thnx

.navi-buttons .box-hover {
    border: 1px solid #FF9900; 
    display:block; 
    padding:3px;
    margin-right:2px;   
    float:left;
    width:10; 
    height:13px;
}