Har lavet en dropdown menu på en side jeg er igang med. Det hele så perfekt ud i Chrome, men da jeg testede i IE var den helt gal. Den kunne slet ikke vise menu "bjælken", men kun underpunkterne når man køre musen hen over de tomme hvide felter. Derudover er dropdown menuens bredde alt for lille i IE.
Har ingen ide om hvordan sådan noget fixes, er det noget i følgende? Ellers kan jeg poste selve javascript koden.. eller min css.
<html>
<head>
<script type=\"text/javascript\" src=\"simpleDropDownMenu.js\"></script>
</head>
<link rel=\"stylesheet\" href=\"style.css\">
<body topmargin=\"0\" leftmargin=\"0\" right=\"0\">
<div><img src=\"pics/logo1.jpg\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" height=\"39\">
<tr background=\"pics/bg_menu.png\">
<td> </td>
<td valign=\"middle\" cellspacing=\"0\" width=\"60\">
<center><p><font color=\"#ffffff\">Forside</font></p></center>
</td>
<td valign=\"middle\" cellspacing=\"0\" width=\"90\" onmouseover=\"mopen(1);\" onmouseout=\"mcancelclosetime();\">
<center>
<font color=\"#ffffff\">Foreningen</font>
<div class=\"submenu\" id=\"menu1\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime();\">
<a href=\"#\">bla </a>
<a href=\"#\">blabla</a>
<a href=\"#\">blablabla</a>
<a href=\"#\">blaaaa</a></p>
</div>
</center>
</td>
<td valign=\"middle\" cellspacing=\"0\" width=\"65\" onmouseover=\"mopen(2);\" onmouseout=\"mcancelclosetime();\">
<center>
<font color=\"#ffffff\">Historie</font>
<div class=\"submenu\" id=\"menu2\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime();\">
<a href=\"#\">punkt 1</a>
<a href=\"#\">punkt 2</a>
</div>
</center>
</td>
</tr>
</table>