Překrytí rozbalovacího menu nadpisem v IE

Zdravím,

už 3 hodiny přemýšlím nad problémem, který mi nastal u rozbalovacího menu v IE (jinde funguje). Mám totiž pod menu nadpis, který je tvořen klasickým image replacementem tedy:
<h1 id="kontakty">Kontakty<span></span></h1>

CSS k tomu:
#mainContentIn h1#kontakty {background:#ee3338;color:#fff;font-size:1.1em;text-align:right;width: 548px;height:48px;line-height:48px;position:relative;display:block;ove rflow:hidden}
#mainContentIn h1#kontakty span {background:#ee3338 url(../img/cats/kontakty.gif) no-repeat;color:#fff;font-size:1.1em;text-align:right;width:548px;heig ht:48px;line-height:48px;position:absolute;top:0;left:0;display:block}

bohužel při rozbalení menu mi tento nadpis toto menu překrývá a ať dělám co dělám tak tomu nemůžu zabránit. Kód menu
<ul>
<li id="menu7"><a href="#">Poradci<span></span></a>
<ul>
<li><a href="poradci/primy-prodej.html">Přímý prodej</a></li>
<li><a href="poradci/prilezitost.html">Příležitost</a></li>
<li><a href="poradci/zacatek-uspechu.html">Začátek úspěchu</a></li>
<li><a href="poradci/fotogalerie.html">Fotogalerie</a></li>
<li><a href="poradci/vseobecne-obchodni-podminky.html">Všeobecné obchodní podmínky</a></li>
<li><a href="poradci/prihlasit-se.html">Přihlásit se – Poradci Online</a></li>
</ul>
</li>
</ul>

a CSS:

#menu7 {background:url(../img/poradciOff.gif) no-repeat;width:79px;height:38px;float:left;}
#menu7 a {background:url(../img/poradciOff.gif) no-repeat;display:block;width:79px;height:38px;z-index:0;overflow:hidd en}
#menu7 a span {display:block;position:absolute;width:79px;height:38px;background:url (../img/poradciOff.gif) no-repeat;top:0;left:0;cursor:pointer}
#menu7 a:hover span {background:url(../img/poradciOn.gif) no-repeat;}

#mainMenu {position:relative}
#mainMenu li ul {
position:absolute;width:13em;z-index:10;list-style-type:none;text-ali gn:left;font-size:.7em;color:#fff;
left:-999em; }
#mainMenu li ul li {border:1px solid #fff;border-top:0;z-index:10;padding:3px 10px 3px 3px}
#mainMenu li ul ul {z-index:10 !important;margin: -1.9em 0 0 18em;}

#mainMenu li:hover ul ul, #mainMenu li.sfhover ul ul {
left: -999em;z-index:10 !important;display:block}

#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul {left:auto;z-index:10important;display:block}

K menu je samozřejmně potřeba javascript.

Za každou radu budu vděčný.

Díky

PS: z-index jsem zkoušel ve všech podobách a všude