Drop-down menu underlig i IE
Jeg er ikke så meget inde i dropdown-menus, men har fået bikset mig en sammen - men den opfører sig underligt i Internet Explorer 7.0 mht. den border jeg har lagt. Hvorfor? Og hvordan kan jeg få den til at virke optimalt?http://www.absolute-gruppen.dk/ff.png (sådan skal menuen se ud, når man ikke har musen over et menupunkt)
http://www.absolute-gruppen.dk/ie.png (sådan ser det ud i IE lige efter load)
Her er koden:
<style>
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
<!-- MENU START -->
<table width="686" cellpadding="0" cellspacing="0">
<tr bgcolor="#759b15">
<td onmouseover="showmenu('1')" onmouseout="hidemenu('1')" width="98" align="center" height="58" background="img/menu01.png">
<span class="menunummer">01</span><br><font size="1"> </font><br><a href="?id=2"><font color="white" face="Tahoma" size="2">Forside</font></a><br />
<table class="menu" id="1" width="120">
</table>
</td>
<td onmouseover="showmenu('2')" onmouseout="hidemenu('2')" width="98" align="center" height="58" background="img/menu02.png">
<span class="menunummer">02</span><br><font size="1"> </font><br><a href="?id=3"><font color="white" face="Tahoma" size="2">Om
Tidslerne</font></a><br />
<table class="menu" id="2" width="120" cellpadding="5" style="border-collapse: collapse">
<tr><td class="menu"><font size="1"> </font></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=17"><font color="white" face="Tahoma" size="2">Formål</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=18"><font color="white" face="Tahoma" size="2">Bestyrelsen</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=19"><font color="white" face="Tahoma" size="2">Vedtægter</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=20"><font color="white" face="Tahoma" size="2">Sekretariat</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-color: white;"><a href="?id=21"><font color="white" face="Tahoma" size="2">Kontaktpersoner</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('3')" onmouseout="hidemenu('3')" width="98" align="center" height="58" background="img/menu02.png">
<span class="menunummer">03</span><br><font size="1"> </font><br><a href="?id=4"><font color="white" face="Tahoma" size="2">
Tidsellinien</font></a><br />
<table class="menu" id="3" width="120" style="border-collapse: collapse" cellpadding="5">
</table>
</td>
<td onmouseover="showmenu('4')" onmouseout="hidemenu('4')" width="98" align="center" height="58" background="img/menu02.png">
<span class="menunummer">04</span><br><font size="1"> </font><br><a href="?id=23"><font color="white" face="Tahoma" size="2">
Litteratur</font></a><br />
<table class="menu" id="4" width="120" style="border-collapse: collapse" cellpadding="5">
<tr><td class="menu"><font size="1"> </font></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=1"><font color="white" face="Tahoma" size="2">Tidselguiden</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=9"><font color="white" face="Tahoma" size="2">Litteraturliste</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=13"><font color="white" face="Tahoma" size="2">Links</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('5')" onmouseout="hidemenu('5')" width="98" align="center" height="58" background="img/menu02.png">
<span class="menunummer">05</span><br><font size="1"> </font><br><a href="?id=24"><font color="white" face="Tahoma" size="2">
Andet</font></a><br />
<table class="menu" id="5" width="120" style="border-collapse: collapse" cellpadding="5">
<tr><td class="menu"><font size="1"> </font></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=8"><font color="white" face="Tahoma" size="2">Bidrag & Gaver</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=7"><font color="white" face="Tahoma" size="2">Legater</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=5"><font color="white" face="Tahoma" size="2">Kredsene</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-color: white;"><a href="?id=25"><font color="white" face="Tahoma" size="2">Advarsler</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('6')" onmouseout="hidemenu('6')" width="98" align="center" height="58" background="img/menu02.png">
<span class="menunummer">06</span><br><font size="1"> </font><br><a href="?id=6"><font color="white" face="Tahoma" size="2">Bladet</font></a><br />
<table class="menu" id="6" width="120" style="border-collapse: collapse" cellpadding="5">
<tr><td class="menu"><font size="1"> </font></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=26"><font color="white" face="Tahoma" size="2">Lederartikler</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=27"><font color="white" face="Tahoma" size="2">Personlige beretninger</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=28"><font color="white" face="Tahoma" size="2">Aktuelle artikler</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: white;"><a href="?id=29"><font color="white" face="Tahoma" size="2">Behandlingsformer</font></a></td></tr>
<tr>
<td class="menu" background="img/menubg.png" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-color: white;"><a href="?id=30"><font color="white" face="Tahoma" size="2">Madopskrifter</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('7')" onmouseout="hidemenu('7')" width="98" align="center" height="58" background="img/menu07.png">
<span class="menunummer">07</span><br><font size="1"> </font><br><a href="?id=15"><font color="white" face="Tahoma" size="2">Kontakt os</font></a><br />
<table class="menu" id="7" width="120" style="border-collapse: collapse" cellpadding="5">
</table>
</td>
</tr>
</table>
<!-- MENU SLUT -->
