IE 7 CSSの問題

Question

CSSコード：

.search { 
float: left; 
width: 100%; 
display: block; 
} 

.search ul.tabs { 
height: 23px; 
margin: 50px 0 0 0; 
padding: 0px; 
} 

/* FF ONLY */ 
.search ul.tabs, x:-moz-any-link { 
height: 26px; 
margin: 50px 0 0 0; 
padding: 0px; 
} 

.search ul.tabs li { 
float: left; 
display: inline; 
margin: 0; 
padding: 0; 
border-top-left-radius: 3px; 
border-top-right-radius: 3px; 
-moz-border-top-left-radius: 3px; 
-moz-border-top-right-radius: 3px; 
-webkit-border-top-left-radius: 3px; 
-webkit-border-top-right-radius: 3px; 
} 

.search ul.tabs li.second { 
padding: 0 0 0 2px; 
} 

.search ul.tabs li a { 
padding: 7px 10px 7px 10px; 
background: #ffa63c; 
font: normal normal bold 12px/1.5 "Arial", Helvetica, sans; 
text-decoration: none; 
color: #fdf9f1; 
font-weight: bold; 
} 

.search ul.tabs li a:hover { 
color: #fff; 
} 

HTMLのCODE：

<div style="float:left"> 
      <ul class="tabs"> 
       <li id="ctl00_ctl00_cplMPBody_liRestaurnat" class="first"> 
       <a title="Poišči po imenu" class="activeRestaurant" href="x">Poišči restavracijo</a> 
      </li> 
      <li id="ctl00_ctl00_cplMPBody_liAddress" class="second"> 
       <a title="Poišči po imenu kraja" href="x">Poišči po krajih</a> 
      </li>   
      </ul>  
     </div> 

と私はIEに問題がある：

FF

IE 7

IE 7で何をすべきか？

Answer 1

IE7は丸い角をサポートしていません（CSS3の機能です）。 css3pie、jqueryのUI、またはjqueryの丸みを帯びた角のプラグインを使用することを検討してください：

http://css3pie.com/

http://jqueryui.com/

http://jquery.malsup.com/corner/

Answer 2

これは、IE7標準モードでのIE7での私のためのタブの高さ（実際にIE8を修正）：

.search ul.tabs li a { 
    display: inline-block; 
} 

これはquirksモードでも機能します。明らかに、古いIEのインライン要素の背景は、パディングと共に拡大しません。