Ivorysmoker: Internet Explorer Hover effekt funktioniert nur teilweise

Hallo zusammen

Ich habe seit gestern ein Problem woraus ich nicht schlau werde.

Wichtig: Die Klasse popupstyle wurde bei jedem A Tag gesetzt.

  
.popupstyle:Hover , .Aromapopup:Hover, .Angebotpopupa:Hover{  
    color:white;  
}  

Funktionen:

  
        function popupclose(){  
            document.getElementById("dynamicpopups").innerHTML = "<div style='float:left; padding-right: 10px;'><a class='popupstyle' onmousemove='popupshow();' href='http://passion-of-nature.ch/index.php?site2=2'>Aromatherapie</a></div>\n\  
            <div id='Angebote'><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Angebot</a></div>\n\  
            <div id='Bericht'><a class='popupstyle' href='http://passion-of-nature.ch/index.php?site2=2'>Berichte von Kunden</a></div>";  
         }  
        function popupshow(){  
            document.getElementById("dynamicpopups").innerHTML = "<div style='float:left; padding-right: 10px;'><a class='popupstyle' onmouseout='popupclose();' onmousemove='popupshow();' href='http://passion-of-nature.ch/index.php?site2=2'>Aromatherapie</a>\n\  
        <br><div class='Aromapopup'><a class='popupstyle' href='http://passion-of-nature.ch/index.php?site2=2'>Unterst&uuml;tzung durch Aromatherapie</a>\n\  
        <br><a class='popupstyle' href='http://passion-of-nature.ch/index.php?site2=2'>Was sind &auml;therische &Ouml;le?</a>\n\  
        <br><a class='popupstyle' href='http://passion-of-nature.ch/index.php?site2=2'>Basis &Ouml;le</a>\n\  
        <br><a class='popupstyle' href='http://passion-of-nature.ch/index.php?site2=2'>Qualit&auml;t</a></div></div>\n\  
        <div style='float:left;' id='Angebote'><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Angebot</a></div>\n\  
        <div style='float:left;' id='Berichte'><a class='popupstyle' href='http://passion-of-nature.ch/index.php?site2=2'>Berichte von Kunden</a></div>";  
        }  
        function popupshowAngebot(){  
            popupclose();  
            document.getElementById("Angebote").innerHTML = "<div id='Angebote'><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Angebot</a>\n\  
            <br><div class='Angebotpopupa'><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Beratung Aromatherapie</a>\n\  
<br><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Aroma Massage</a>\n\  
<br><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Naturekosmetik</a>\n\  
<br><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Sortiment Naturkosmetik</a>\n\  
<br><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Geschenkgutschein</a></div></div>";  
        }  

<div class="picbuttons" id="dynamicpopups">  
                            <a href="http://passion-of-nature.ch/index.php?site2=2"><img style="padding-left: 165px" src="aroma.png" alt="Kein Bild gefunden!"></a>  
                            <a href="http://passion-of-nature.ch/index.php?site3=3"><img src="handanalyse.png" alt="Kein Bild gefunden!"></a>  
                            <a href="http://passion-of-nature.ch/index.php?site4=4"><img src="wohlschmuck.png" alt="Kein Bild gefunden!"></a>  
                        </div>  

  
                        <script type="text/javascript">  
        var url = document.URL;  
        if(url === "http://passion-of-nature.ch/index.php?site2=2"){  
            document.getElementById("dynamicpopups").innerHTML = "<div style='float:left; padding-right: 10px;'><a class='popupstyle' onmousemove='popupshow();' href='http://passion-of-nature.ch/index.php?site2=2'>Aromatherapie</a></div>\n\  
            <div id='Angebote'><a class='popupstyle' onmousemove='popupshowAngebot();' href='http://passion-of-nature.ch/index.php?site2=2'>Angebot</a></div>\n\  
            <div id='Bericht'><a class='popupstyle' href='http://passion-of-nature.ch/index.php?site2=2'>Berichte von Kunden</a></div>";  
        }  
                        </script>  

Also vorerst im Firefox funktioniert dies problemlos. Allerdings im IE wird der Hover effekt nur auf ein paar a Tags getan.

Hier eine Auflistung von den a tags die funktionieren im IE:
Unterstützung durch Aromatherapie
Was sind ätherische Öle
Basis Öle
Qualität
Berichte von Kunden

Alles weitere hat kein Hover effekt im IE. Der CSS Eintrag ist beim Browser gestzt...

Jetzt hoffe ich jemmand kommt darauf was hier das Problem sein könnte. Wie erwähnt funktioniert es nur im IE nicht korrekt.

Ich bedanke mich für eure Vorschläge und wünsche einen angenehmen Nachmittag.
Gruss Ivorysmoker

  1. PS: Was mir zusätzlich aufgefallen ist, das alle A Tags die nicht funktionieren bei Klick trozdem weiss werden obwohl dies eigentlich gar nicht sein sollte...

    Es ist ja ein Hover effekt und kein active effekt.

  2. Problem Fixxed, komischerweise hat onmousemove='popupshowAngebot();' konflikte mit dem Hover effekt gegeben.

    Gruss Ivorysmoker