Beat: MSIE 7 Sorgenkind mit z-index

Beitrag lesen

MSIE Korrektur.
Ein schwieriger Patient.

Vorliegend folgende Struktur

<div #id1>
  <!-- ein menu -->
  ...
  <a style0"
        z-index:10
  ">Link</a>
  ...
</div>

<div #id2>
  ...
  <h2 style="
         border-bottom: 1px solid black;
  ">
     <span style="
         position: relative;
         top:      0.5em;
         z-index:  0;
         backgrozund-color:#abc;
     ">Label</span>
  </h2>
  ...
</div>

Bei hover über Menu (in einem navigationsmenu) überscheiden sich ganz regulär die Bereiche von Menu und #div > h2 > span
In FF liegt das Menu über dem span

Problem:
Der <span> scheint im MSIE durch den Link, wenn auf dem Link gehovert wird

Folgende Korrekturen habe ich versucht:

#id2 h2{ zoom:1;}
/* korrigiert schon mal die Lage für h2 (border) */

Fruchtlos blieben aber
#id2 h2 span{ zoom1; overflow:hidden; }

Der Versuch,
#id1:hover + #id2 h2 span{ }
auszunutzen, schlug fehl. Der Selektor scheint nicht zu greifen.
(Selektor greift im Firefox)

Gibt es einen Hack?
Derzeit habe ich einen unschöneren Hack

mfg Beat;

--
Woran ich arbeite:
X-Torah
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o