✔ Hintergrundfarbe im IE bei hover ändern? (Liste)

[whiterussian]

Hallo!

Bei dieser Navi zeigt der IE die Hintergrundfarbe bei hover nur beim Wort an. Das soll aber, wie im Firefox übers ganze <li> - tag gehen ...

#wrapper {
	top: 412px;
	left: 50%;
	margin-left: -383px;
	position: absolute;
	width: 765px;
	height: 32px;
	z-index: 8;
	color: #fff;
	line-height: 32px;
}
#navlist a, #navlist a:link, #navlist a:visited, #navlist a:hover, #navlist a:visited:hover {
	color: #fff;
	line-height: 32px;
	display: inline;
	margin: 0;
	text-decoration: none; 
	padding: 0;
	font-size: 16px;
}

#navlist a:hover, #navlist a:visited:hover {
	background-color: #9baec6;
	
}
	
ul#navlist
{
        margin: 0;
        padding: 0;
        line-height: 32px;
        width: 800px;
        display: inline;
		text-align: center;
}

#navlist li
{
        margin: 0;
        padding: 0;
        float: left;
        list-style-type: none;
        line-height: 32px;
        display: inline;
        border-right:1px solid #FFF;
        text-align:center;
}

#navlist li:hover {
	background-color: #9baec6;}

#navlist li#home {
width:78px;
}

#navlist li#history {
width:97px;
}

<div id="wrapper">
<ul id="navlist">
     	<li id="home"><a href="index.html" title="zur Startseite" target="_self">Home</a></li>
         <li id="history"><a href="history.html" title="History" target="_self">History</a></li>
         
     </ul></div>

Weiss jemand nen guten Rat?

 

[Maik]

Hi,

weise den Links anstelle von inline den display-Eigenschaftswert block zu.

 

[whiterussian]

Danke schön!