Fäljande kod, en drop-down fungerar ypperligt i Explorer men inte i Firefox.
I Firefox ligger inte menyn kvar tillräckligt länge för att man ska kunna välja en länk i menyn.
Vet inte om det har med <iframe>:n att göra.
<html>
<head>
<title>Dropdown</title>
<style type="text/css">
body {
font-family: arial, helvetica, serif; font-size:11px;
}
a {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
;
font-weight: normal;
font-size: 11px;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
color:#ED1B23;
font-weight: normal;
font-size: 11px;
text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-size: 11px;
font-weight: normal;
color: #000000;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ED1B23;
text-decoration: none;
}
ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
li { /* all list items */
float: left;
position: relative;
width: 10em;
text-align: left;
cursor: default;
/*background-color: #EFF0F3;*/
}
li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
background-color: #EFF0F3;
border-bottom:1px solid #9E9FA3;
border-left:1px solid #9E9FA3;
border-right:1px solid #9E9FA3;
/*border: 1px solid #7d6340;
border-width: 1px 0;
margin-top:4px*/
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
#content {
clear: left;
}
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
<table>
<tr>
<td>
<ul id="nav">
<li> Våra resor
<ul><div style="margin-top:4px; margin-left:4px; margin-bottom:4px; margin-right:4px;">
<li><a href="#">Länk nummer 1</a></li>
<li><a href="#">Länk nummer 2</a></li>
<li><a href="#">Länk nummer 3</a></li>
<li><a href="#">Länk nummer 4</a></li>
<li><a href="#">Länk nummer 5</a></li>
<li><a href="#">Länk nummer 6</a></li>
<li><a href="#">Länk nummer 7</a></li>
<li><a href="#">Länk nummer 8</a></li>
<li><a href="#">Länk nummer 9</a></li>
</div></ul>
</li>
</ul>
</td></tr>
<tr><td>
<iframe src="" width="550" height="400">
</iframe>
</td>
</tr>
</table>
</body>
</html>