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

它也可以在怪癖模式下工作。显然，旧IE中内联元素的背景不会随填充扩展。