浮動：右li元素正在打破ie7導航

Question

此鏈接http://jsfiddle.net/a6K3f/1/。

我需要在導航菜單中右對齊一個鏈接。下面的代碼在ie7以外的所有主要瀏覽器都可以。右對齊'Link4'正在崩潰。我知道它的工作原理，如果我添加浮動：正確的李先生在ul中的第一個李。但我不能添加爲第一個李。因爲我已經爲此寫了pseduo類的第一個孩子。

我嘗試了很多試驗，但尚未解決。任何人都可以請我幫忙解決我的問題。由於

HTML：

<ul> 
    <li>Link1</li> 
    <li>Link2</li> 
    <li>Link3</li> 
    <li class="f-Right">Link4</li> 
</ul> 

CSS：

body { 
    font-family: arial; 
    font-size: 13px 
} 
ul { 
    list-style: none; 
    margin: 0; 
    padding: 0 
} 
ul li { 
    display: inline-block; 
*display:inline; 
    zoom: 1; 
    border: 1px solid #ccc; 
    margin: 0 1px; 
    padding: 3px 
} 
.f-Right { 
    float: right 
} 

Answer 1

像這樣

請write*float:left;和remove

*display:inline; 

demo

CSS

body { 
    font-family: arial; 
    font-size: 13px 
} 
ul { 
    list-style: none; 
    margin: 0; 
    padding: 0 
} 
ul li { 
    display: inline-block; 
    *float:left; /* <--hack for IE **/ 
    zoom: 1; 
    border: 1px solid #ccc; 
    margin: 0 1px; 
    padding: 3px 
} 
.f-Right { 
    float: right 
}