Z-Index Fehler mit IE6 .. können nicht scheinen, diese ein

Question

, um herauszufinden, arbeite ich an diesem herrlichen Kopf hier an: http://kayaskitchenbelmar.com/test/header.html

Leider in IE6, der Drop-downs, die aus den Print kommen und View Schaltflächen auf eine neue Zeile reduzieren.

Dies ist wegen der allgemeinen Z-Index-Fehler. Ich habe versucht, dies zu lösen, indem Sie das Eltern-Div einen höheren Z-Index haben und relativ zu seinem Kind einen niedrigeren Z-Index und absolute Position positionieren, aber das schien nicht zu funktionieren.

Möglicherweise fehlt mir etwas offensichtlich?

aktualisieren

Nun, ich glaube, ich habe es verengt unten, um eine IE6 Relative Bug zu sein

Diese Korrekturen zwingend notwendig waren:

#nav-options{ 
    margin-left: 15px; 
    padding-top: 20px; 
    width: 232px; 
    height: 41px; 
    position: relative; 
    z-index: 3000; 
} 

.popup-nav{ 
    clear: both; 
    display: none; 
    float: none; 
    position: relative; 
    right: 318px; 
    text-align: right; 
    top: 15px; 
    z-index: 1000; 
} 

Aber es scheint, dass IE6 nicht erkennt relative in diesem Fall. Und ich kann nicht "absolut" verwenden, da es nicht zulässt, dass das div relativ zum übergeordneten ist, der es aufruft.

Irgendwelche Ideen?

Answer 1

Und fügte ich diese und es war golden:

* html #nav-options {overflow: hidden;} 
* html .popup-nav {right: 20px;}