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 изначально не поддерживает закругленные углы. Вам нужно взломать, чтобы сделать это

Answer 2

Возможно, я что-то упустил, но во втором списке, который вы включили (id = "menu"), в вашем примере нет соответствующего CSS.

Резервное копирование того, что сказали другие IE8 не поддерживает border-radius.

Answer 3

IE 9 теперь поддерживает закругленные углы.Я неравнодушен к этому решению для предыдущих версий IE:

CSS3 Pie