Необычное поведение: зависание (IE 8)

Question

У меня есть меню навигации, которое меняет цвет фона при наведении курсора.Ниже приведены два изображения.Первое изображение показывает поведение, которое я имею во всех браузерах, кроме IE 8 (ничего не тестировал ниже 8).Второе изображение показывает поведение в IE 8. Я хотел бы, чтобы IE 8 выглядел как все остальное (заполняя панель навигации).Я также разместил CSS и ASP.Net для меню.Любая помощь приветствуется!

ASP.Net

<ul id="mainNav" runat="server">
    <li><asp:HyperLink runat="server" NavigateUrl="~/Home.aspx">Home</asp:HyperLink></li>
    <li><asp:HyperLink runat="server" NavigateUrl="~/Vendors.aspx">Our Vendors</asp:HyperLink></li>
    <li><asp:HyperLink runat="server" NavigateUrl="#">Customer Support</asp:HyperLink></li>
    <li><asp:HyperLink runat="server" NavigateUrl="#">Technical Assistance</asp:HyperLink></li>
    <li><asp:HyperLink runat="server" NavigateUrl="SalesExecutives.aspx">AMS Sales Assistance</asp:HyperLink></li>
</ul>

CSS

ul#mainNav {
    float: right;
    margin: 8px 0 0 0;
}

ul#mainNav li {
    font-size: 14px;
    color: #746935;
    float: left;
}

ul#mainNav li a {
    color: #746935;
    text-decoration: none;
    padding: 8px 8px 9px 8px;
}

ul#mainNav li a:hover, ul#mainNav li a.active {
    color: #ffffff;
    background-color: #746935;
    padding: 8px 8px 9px 8px;
}

Answer 1

Создайте a элементов display: block:

ul#mainNav li a {
    display: block;

    color: #746935;
    text-decoration: none;
    padding: 8px 8px 9px 8px;
}