Navigatin mit <li> und <ul> - Buttons verschoben

[wmxrecords]

Hallo Leute!

Ohne viel zu erklären, hier der Link: http://www.carbon-heater.de/service

HTML:

Code: Alles auswählen

<ul id="nav_buttons">
                   <li><a class="button" href="#">Home</a></li>
                    <li><a class="button" href="#">Aktion</a></li>
                    <li><a class="button" href="#">Newsletter</a></li>
                    <li><a class="button" href="#">Account</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                </ul>

CSS:

Code: Alles auswählen

#nav_buttons {
   position:relative;
   margin:0 auto;
   padding-left: 30px;
   float:left;
   width:100%;
   height:24px;
   list-style-type:none;
}

a.button {
   background-image:url(files/button.gif);
   width:85px;
   height:24px;
   margin-left: 1px;
   display:block;
   background-repeat:no-repeat;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:white;
   text-decoration:none;
   padding-top: 3px;
   text-align:center;
}

a.button:hover {
   background-image:url(files/button_active.gif);
   width:85px;
   height:24px;
   margin-left: 1px;
   display:block;
   background-repeat:no-repeat;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:white;
   text-decoration:underline;
   padding-top: 3px;
   text-align:center;
}

Firefox, Opera, Safari und Navigator zeigen alles klasse an, aber der IE mal wieder nicht, probiert es aus. Wo muss ich was berichtigen / einfügen?

Danke schon mal!

[Laus]

Hallo

Versuchs mal so

Code: Alles auswählen

a.button:hover {
   background-image:url(files/button_active.gif);
   text-decoration:underline;


und lass das andere bei hover einfach weg.
Bei a.button schreibe a.butten:link
wirf die divs bei

Code: Alles auswählen

<li>
<div><a class="button" href="index.php?article_id=1">Home</a></div></li>



usw. raus, die haben dort nichts zu suchen.

Gruß Xaver

[wmxrecords]

Hmm... hat leider nicht geklappt. Habe ich einen grundlegenden Denkfehler?