Drop Up Menü mit IE7

[Thorkil]

Hallo,

ich bin neu hier und komme gleich mit einem Problem.
Ich habe auf einer Website ein Drop Up Menü eingebaut und es fungtioniert auch auf fast allen relevanten Browsern. Nur auf dem IE7 nicht und das ist der den dummerweise mein Kunde benutzt.

Sowie ich mit der Maus in den eigentlichen Inhaltsbereich der Website komme, klappt mein Menü wieder zu. ich habe schon zig Stunden nach einem Fehler, einer Lösung gesucht und frage nun hier ob jemand mir da helfen kann bzw da Erfahrung hat.

Die Site kann man unter:
< http://test.s-a-design.de/vauth-sagel/de/>
sehen.

Ich hoffe ich bekomme bei Euch Hilfe, mien Kunde ist nämlich schon recht ungehalten dass seine Navigation noch nicht funktioniert :-(:-(:-(

Der CSS-Code ist auch nicht von mir entwickelt, ich hatte da einen genommen den ich verwenden darf. Anbei der CSS-Code :::

[SNIP]

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at stu nicholls dot com | menu - Skeleton pull up
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#Upnav,
#Upnav ul {padding:0px; margin:0; list-style:none; color: #fff; font-size: 12px; position:relative; z-index:200;}

#Upnav { height:25px; padding:0;}

#Upnav li {float:left;}

#Upnav li li {float:none; background:#fff;}

/* a hack for IE5.x and IE6 */
* html #Upnav li li {float:left;}

#Upnav li a {display:block; float:left; color:#fff; margin:0 10px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}

#Upnav li li a {height:20px; line-height:20px; float:none;}

#Upnav li:hover {position:relative; background:#fff; z-index:300;}
#Upnav li:hover ul {left:0; bottom:21px; top:auto;}
/* another hack for IE5.5 and IE6 */
* html #Upnav li:hover ul {left:10px;}

#Upnav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #Upnav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#Upnav li:hover li:hover > ul {left:0px; margin-left:100%; bottom:0px; top:auto;}
/* keep further levels hidden */
#Upnav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#Upnav li:hover > a {text-decoration:none; color:#000;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#Upnav li:hover li:hover ul,
#Upnav li:hover li:hover li:hover ul,
#Upnav li:hover li:hover li:hover li:hover ul,
#Upnav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#Upnav li:hover ul ul,
#Upnav li:hover li:hover ul ul,
#Upnav li:hover li:hover li:hover ul ul,
#Upnav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#Upnav li:hover a,
#Upnav li:hover li:hover a,
#Upnav li:hover li:hover li:hover a,
#Upnav li:hover li:hover li:hover li:hover a,
#Upnav li:hover li:hover li:hover li:hover li:hover a,
#Upnav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#000;}

/* hide futher possible paths */
#Upnav li:hover li a,
#Upnav li:hover li:hover li a,
#Upnav li:hover li:hover li:hover li a,
#Upnav li:hover li:hover li:hover li:hover li a,
#Upnav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}
[/SNIP]

 

[Loon3y]

Hallo.

Der Internet Explorer kennt nur die Pseudoklasse :hover in zusammenhang mit einen a.
Das li:hover funktioniert dort nicht.


Gruß
Loon3y

 

[neuroleptika]

Thorkil,
gebe #Upnav ul mal eine Hintergrundfarbe.
Im IE8, Browsermodus: IE7 hat das bei mir geholfen.

Edit:
Klappt auch im echten IE7.

...
Der Internet Explorer kennt nur die Pseudoklasse :hover in zusammenhang mit einen a.
Das li:hover funktioniert dort nicht.

Loon3y,
Das gilt nur für den IE<7. Der IE6 verwendet hier ein Script von Stu Nicholls.