CSS dans différents navigateurs

Question

Toutes les listes que je fais avec les CSS suivants apparaissent différemment dans IE8 et FF4. IE8 n'a pas de coins arrondis, mais FF4 ne change pas de couleur lorsque je le survole. L'un d'eux a-t-il raison?

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

Edit: Ajouté 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 ne supporte pas nativement des coins arrondis. You need to use a hack to get that done.

Answer 2

IE 9 prend désormais en charge les coins arrondis. Je suis partie à cette solution pour les versions précédentes de IE:

CSS3 Pie

Answer 3

je pourrais manquer quelque chose, mais la deuxième liste que vous avez inclus (id = « menu ») ne dispose pas de CSS correspondant dans votre Exemple.

Sauvegarde de ce que les autres ont dit IE8 ne supporte pas border-radius.