MSIE 8 Darstellungsproblem Navigation

[kim]

Hallo zusammen,
bei meinem aktuellen Project wird mir die Hauptnavigation im MSIE 8 falsch dargestellt.
Das Background Image wird 2x übereinander dargestellt und der Hover Effect verschiebt den Navigationstext.
HTML:

	  
<div id="navigation">  
        <ul class="group" id="mainnav">  
            <li class="current_page_item"><a>Über uns</a></li>  
            <li><a href="service.html">Unser Service</a></li>  
            <li><a href="referenzen.html">Referenzen</a></li>  
            <li><a href="kontakt.html">Kontakt</a></li>  
            <li><a href="aktuelles.html">Aktuelles</a></li>  
            <li><a href="agb.html">AGB</a></li>  
        </ul>  
</div>

CSS:

  
#navigation {clear: both; width: 810px; height: 32px;  
background: #111 url(../images/nav.jpg) no-repeat;  
-moz-border-radius: 8px; -webkit-border-radius: 8px;  
  
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }  
*:first-child+html .group { zoom: 1; } /* IE7 */  
  
  
#mainnav { padding: 3px 0px 4px 27px;list-style: none; position: relative; width: 750px; }  
#mainnav li { display: inline; }  
#mainnav li a { position: relative; z-index: 200; color: #fff; font-size: 13px; display: block; float: left; padding: 6px 19px 4px 19px; text-decoration: none; text-transform: none; }  
#mainnav li a:hover { color: #fff; }  
#mainnav #mainnav_line { position: absolute; top: 5; left: 0; width: 100px; background: #68af21; z-index: 100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }  
  
.current_page_item a { color: white !important; }  
}  

Ich hoffe ihr könnt mir helfen.
.vg