IE 7は、ブロック要素の高さを変更

Question

<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; 
} 

結果：

uはIE 7このケース4の高さの変化で選択されたボタンに下の画像は、他のブラウザでは正常に動作表示された場合、私はマークアップとCSSを含んでいます。誰でもそれを援助することはできますか、それは間違っています。

のthnx

Answer 1

あなたは1px代わりのthin書かなければならないかもしれません。このように：

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