不同瀏覽器中的CSS

Question

我用下面的CSS製作的任何列表在IE8和FF4中都有不同的表現。 IE8沒有圓角，但是當我將鼠標懸停在它上面時，FF4不會改變顏色。他們中的任何一個都對嗎？

ul#mend { 
    border-bottom: 1px #5C87B2 solid; 
    padding: 0 0 2px; 
    position: relative; 
    margin: 0; 
    float: left; 
    text-align: left; 
} 

ul#mend li { 
    display: inline; 
    list-style: none; 
} 

ul#mend li#greeting { 
    padding: 10px 20px; 
    font-weight: bold; 
    text-decoration: none; 
    line-height: 2.8em; 
    color: #fff; 
} 

ul#mend li a { 
    padding: 10px 20px; 
    font-weight: bold; 
    text-decoration: none; 
    line-height: 2.8em; 
    background-color: #FF99CC; 
    color: #034af3; 
    border-radius: 4px 4px 0 0; 
    -webkit-border-radius: 4px 4px 0 0; 
    -moz-border-radius: 4px 4px 0 0; 
} 

ul#mend li a:hover { 
    background-color: #000000; 
    text-decoration: none; 
} 

ul#mend li a:active { 
    background-color: #a6e2a6; 
    text-decoration: none; 
} 

ul#mend li.selected a { 
    background-color: #fff; 
    color: #000; 
} 

編輯：添加HTML

 <div id="menucontainer"> 

      <ul id="mend"> 
       <li>@Html.ActionLink("TicTacToe", "TicTacToe", "Games")</li> 
      </ul> 


      <ul id="menu"> 
       <li>@Html.ActionLink("Home", "Index", "Home")</li> 
       <li>@Html.ActionLink("About", "About", "Home")</li> 
       <li>@Html.ActionLink("French", "French", "Home")</li> 
      </ul> 


     </div> 

Answer 1

Internet Explorer不支持圓角本身。 You need to use a hack to get that done。

Answer 2

IE 9現在支持圓角。我偏愛這種解決方案爲IE之前的版本：

CSS3 Pie

Answer 3

我可能失去了一些東西，但你已經包含在第二列表（ID =「菜單」）沒有任何相應的CSS在你的例。

備份其他人所說的IE8不支持border-radius。