.Accordion problem on IE6+7
Hello Community !
I have realy hard Problems with .accordion in IE6+7 !
my code:
- jQuery('#navi').accordion({
- header: '.navihead',
- event: 'mouseover',
- alwaysOpen: true,
- autoHeight: false,
- navigation: true,
- collapsible: true
- });
and the navi:
- <div id="navi">
<dl>
<dt id="navi1"><a href="?n=1">Aufgaben des Vereins</a></dt>
<dt id="navi2"><a href="?n=2">Vereinsstatuten</a></dt>
<dt id="navi3"><a href="?n=3">Kontakt</a></dt>
<dt class="navihead" id="navi4"><a href="?n=4">Neues Mitglied</a></dt>
<dd style="display:none;">
<ul>
<li id="navi41"><a href="?n=41">Beitrittseinladung</a></li>
<li id="navi42"><a href="?n=42">Beitrittserklärung</a></li>
</ul>
</dd>
<dt class="navihead" id="navi5"><a href="?n=5">Dokumentation</a></dt>
<dd style="display:none;">
<ul>
<li id="navi51"><a href="?n=51">Anleitung CRF</a></li>
<li id="navi52"><a href="?n=52">Patientenaufklärung</a></li>
<li id="navi53"><a href="?n=53">Erhebungsformulare</a></li>
</ul>
</dd>
<dt id="navi6"><a href="?n=6">Datenschutz</a></dt>
<dt id="navi7"><a href="?n=7">Datenreport</a></dt>
<dt id="navi8"><a href="?n=8">Förderer</a></dt>
<dt id="navi9"><a href="?n=9">Impressum</a></dt>
</dl>
</div>
</div>
css:
- #navi {
position:absolute;
top:237px;
left:0px;
width:150px;
font-size:13px;
z-index:999;
font-weight:bold;
}
/* Accordion Navi */
dt:hover {
background-color:#999;
}
dl {
width: 160px;
}
dl, dd {
margin: 0;
}
dt {
margin: 0px;
}
dt a {
color: #000;
margin-left:10px;
}
dd a {
color: #000;
}
dd {
padding-left:15px;
}
dd li:hover {
background-color:#999;
}
When i Hover over a .navihead element, the whole website
is empty, only the background picture is show'n !
Link: http://bioreg.at/entwicklung/
Please help me !
Ps.: Soory for my bad english, i hope you can understand me. (i am from Austria)