El Senor: hover Problem mit IE7

Hallo!

Ich habe ein Problem mit CSS :hover, Ich habe ein Menü mit CSS gestylt welches unter allen Browsern außer IE super funktioniert. Für IE habe ich dieses csshover.htc Skript eingebunden und bis zum IE6 funktioniert jetzt auch alles wunderbar, nur der IE 7 weigert sich noch zu "hovern"...

Der Code um den es sich handelt ist folgender:

div#nav {font-family:verdana; font-size:9pt; width: 129px; float:left; margin-top: 20px;}
div#nav ul {margin-left:-2 px; margin-top: 0; padding:0; width: 129px; background: #f0f0f5; border: 1px solid #403;z-index:1;}
div#nav li {position:relative; list-style: none; margin:0; border: 1px solid #CCC; z-index:1;}
div#nav li:hover {background: #ffffff;}
div#nav li.sub {background: url(pics_navi/pf_re2.gif) 98% 50% no-repeat;}
div#nav li.sub:hover {background-color: #F0F809;}
div#nav li a {display:block; padding: 0.5em 0 0.25em 0.5em; text-decoration:none;}
div#nav>ul a {width: auto;}
div#nav ul ul {position:absolute; top:-1px; left: 128px; width:220px; display:none; z-index:1;}
div#nav ul.level1 li.sub:hover ul.level2,
div#nav ul.level2 li.sub:hover ul.level3 {display:block;}
div#nav ul.level3 {position:absolute; top:-1px; left:219px; margin-top: 0px;}

Oder weiß jemand, wie man IE 7 sowas beibringt?? Ich habe nämlich schon einen Artikel gelesen in dem behauptet wird das IE7 bei hover gleich reagieren soll wie FF oder Opera! Aber diese Erfahrung kann ich leider nicht teilen

Besitos, el senor

  1. Hi,

    Oder weiß jemand, wie man IE 7 sowas beibringt?? Ich habe nämlich schon einen Artikel gelesen in dem behauptet wird das IE7 bei hover gleich reagieren soll wie FF oder Opera!

    dem ist auch so. Vermutlich verwirrst Du ihn, wenn Du ihm etwas beizubringen versuchst, was er schon kann. Entferne also das proprietäre behaviour für den IE 7.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Entferne also das proprietäre behaviour für den IE 7.

      Hmmm habs entfernt und jetzt läuft bei IE alles so wie bei FF, aber ohne :hover.
      Hat sonst vielleicht noch jemand einen Tip?? Komm nicht drauf was ich noch machen sollte...

      1. Hallo,

        Hmmm habs entfernt und jetzt läuft bei IE alles so wie bei FF, aber ohne :hover.
        Hat sonst vielleicht noch jemand einen Tip?? Komm nicht drauf was ich noch machen sollte...

        :hover funktioniert im IE7 wie in anderen Browsern - jedoch nur im standardkonformen Modus! Prüfe also ggf. ob du dich nicht im Quirksmodus befindest.

        Gruß;

        1. :hover funktioniert im IE7 wie in anderen Browsern - jedoch nur im standardkonformen Modus! Prüfe also ggf. ob du dich nicht im Quirksmodus befindest.

          Okay stimmt, es funktioniert wirklich jedoch wenn ich den richtigen Doctype mit URL verwende sprengt es wieder meine Abstände, also das menü rückt beim Ausklappen ca. 20px zu wit nach rechts.

          Code:
          div#nav {font-family:verdana; font-size:9pt; width: 129px; float:left; margin-top: 20px;}
          div#nav ul {margin-left:-2 px; margin-top: 0; padding:0; width: 129px; background: #f0f0f5; border: 1px solid #403;z-index:1;}
          div#nav li {position:relative; list-style: none; margin:0; border: 1px solid #CCC; z-index:1;}
          div#nav li:hover {background: #ffffff;}
          div#nav li.sub {background: url(pics_navi/pf_re2.gif) 98% 50% no-repeat;}
          div#nav li.sub:hover {background-color: #F0F809;}
          div#nav li a {display:block; padding: 0.5em 0 0.25em 0.5em; text-decoration:none;}
          div#nav>ul a {width: auto;}
          div#nav ul ul {position:absolute; top:-1px; left: 128px; width:220px; display:none; z-index:1;}
          div#nav ul.level1 li.sub:hover ul.level2,
          div#nav ul.level2 li.sub:hover ul.level3 {display:block;}
          div#nav ul.level3 {position:absolute; top:-1px; left:219px; margin-top: 0px;}
          </style>

          Kann mir das vielleicht jemand erklären??