IE7, :hover und quirks mode

[Ralf]

Da ich befürchte, dass es keine Lösung per CSS gibt (vermutlich nicht geben kann) und ohnehin Javascript vorausgesetzt werden kann, habe ich mich für folgendes kleine Script entschieden, welches dem Elternelement der jeweiligen Liste die Mouse-Handler zum Ein- und Ausblenden zuweist (steht im Quelltext nach dem Menü bzw. wird onload o.ä. aufgerufen):

(function(){  
  var allUL = document.getElementsByTagName("UL");  
  for (var ux=0; ux<allUL.length; ux++) {  
    var cUL = allUL[ux];  
    var pUL = cUL.parentNode;  
    pUL.ul = cUL;  
    pUL.onmouseover = function () {this.ul.style.visibility = "visible";};  
    pUL.onmouseout = function () {this.ul.style.visibility = "";};  
  };  
}());