Menu virker ikke i FF
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamisk menu lavet med CSS</title>
</head>
<body>
<img src="http://www.pcproblemer.dk/logo.gif" alt="PCProblemer.dk" />
<div style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#0000FF;">
© 1999 - 2006 PCProblemer - Kodeuniverset</div><br /><hr />
<style>
div#page {
width:45em;position:relative;
margin:1em auto;
background:#efefff;
padding:1em;}
div#leftcol {
width:12em;
float:left;}
div#leftcol ol {
margin: 0; padding: 0; width: 11em;
background: white;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color:#257;}
div#rightcol {
margin-left:12em;}
div#leftcol li {
position: relative; list-style: none; margin: 0;
border-bottom: 1px solid #257;
}
div#leftcol ol ol {
position: absolute; top: -1px; left: 11em;
display:block;
}
div#leftcol li.sub {
background-image:url(http://www.pcproblemer.dk/testmig/Dynamisk_menu_lavet_med_CSS/rarrow.gif);
background-position:right center;
background-repeat:no-repeat;}
div#leftcol li a {
display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width:10.5em;}
div#leftcol>ol a {width: auto;}
div#leftcol ol ol { position: absolute;
top: -1px; left: 11em; display:none; }
div#leftcol li:hover {background-color: #aaf;}
div#leftcol ol.niveau1 li.sub:hover ol.niveau2, {
display:block;}
</style>
<div id="page">
<div id="leftcol">
<ol class="niveau1">
<li class="sub"><a href="">Menu 1</a></li>
<ol class="niveau2">
<li><a href="">Udvikling</a></li>
<li><a href="">Kodning</a></li>
<li><a href="">Vedligeholdelse</a></li>
</ol>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 2</a></li>
<li class="sub"><a href="">Menu 3</a>
<ol class="niveau2">
<li><a href="">Udvikling</a></li>
<li><a href="">Kodning</a></li>
<li><a href="">Vedligeholdelse</a></li>
</ol></li>
</ol>
</div>
<div id="rightcol">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut imperdiet consequat diam. Morbi dignissim. Integer aliquet mi vestibulum dolor. Pellentesque at massa. Aliquam enim justo, rutrum sit amet, suscipit at, pulvinar eu, tellus. Vivamus libero. Nullam metus. Phasellus vel velit. Morbi at lacus quis nisi bibendum blandit. Curabitur venenatis. Nunc tellus orci, lacinia ut, dignissim in, scelerisque quis, urna. Nam hendrerit mauris vel urna. Duis a dui. Etiam ut diam ut turpis consectetuer ultricies. Praesent sapien elit, pulvinar vitae, dapibus rhoncus, aliquet eu, ante. Suspendisse quis nulla at est lacinia suscipit. Sed eget tortor porttitor felis mattis ullamcorper. Fusce nec justo quis tellus vestibulum adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras quis urna. Nunc sed nulla. Pellentesque vel turpis a eros egestas aliquet. Proin consectetuer tortor quis urna. Pellentesque lacinia, lorem ac iaculis ornare, lacus eros hendrerit nisi, sed sollicitudin diam diam vel lectus. Curabitur elementum tristique lectus. Vestibulum nibh. Maecenas et risus non urna fermentum porta. Integer vestibulum arcu at purus. Vestibulum ac massa id nunc blandit euismod. Quisque euismod scelerisque neque. Aliquam in massa. Mauris sollicitudin. Sed consequat eros eget neque. Fusce urna. Maecenas aliquet lacus eget tortor scelerisque rutrum. Maecenas et massa. Aliquam placerat, justo sed malesuada accumsan, magna orci imperdiet neque, at blandit sem justo a metus. Sed mattis, leo ut accumsan tristique, neque nibh laoreet risus, vitae pharetra nisl diam vel lorem. Nulla porta. Curabitur at orci. Cras pulvinar quam vulputate ipsum. Nam nunc. Donec et enim. Curabitur aliquet est quis velit. Sed vitae sem id est venenatis faucibus. Donec orci tortor, euismod id, vulputate vitae, cursus ac, neque. Morbi nunc lacus, viverra eu, pharetra in, sodales non, lectus. Maecenas eu arcu. Quisque eros. Nulla ut dui eget sem rhoncus eleifend. Nunc pulvinar lobortis nulla. Integer at felis. Curabitur nulla. Sed sapien elit, egestas eu, egestas eget, molestie nec, nunc. Sed rutrum nisl vitae risus. Quisque enim justo, tristique vitae, viverra non, tincidunt eget, risus. Donec lacus velit, convallis vel, malesuada eu, commodo eget, urna. Nullam erat enim, tincidunt imperdiet, feugiat aliquam, rhoncus nec, quam. Donec tortor. Cras risus ante, ultrices in, vehicula sed, interdum in, urna. Etiam in enim. Mauris magna arcu, commodo sit amet, aliquam quis, porttitor sit amet, nunc. Suspendisse lacinia, quam molestie cursus blandit, ipsum diam blandit dui, eget dapibus elit massa et pede. Ut sollicitudin. Nunc sagittis nisl id turpis. Vestibulum vehicula, enim quis molestie viverra, nunc orci ultrices orci, at gravida felis diam vitae quam. Nullam arcu nisi, porta eget, malesuada auctor, tempus a, mauris. Ut et nisi in nibh fermentum cursus. Vestibulum pede leo, aliquam sed, elementum ut, scelerisque volutpat, turpis. Nullam tincidunt facilisis turpis. Sed eu velit et neque fermentum vestibulum. Aliquam erat volutpat. Curabitur ante enim, mollis at, molestie eget, feugiat vel, justo. Duis eros elit, luctus in, luctus nec, rutrum quis, turpis. Praesent sit amet tortor et turpis tincidunt rutrum. Morbi placerat, erat a lacinia pretium, arcu arcu adipiscing sem, in accumsan ligula enim non eros. Vestibulum scelerisque lectus. Nam et nibh. Nulla tellus arcu, molestie et, egestas in, placerat sit amet, lorem. Mauris lorem turpis, posuere at, mattis id, lacinia at, eros. Cras a tortor. Nam vestibulum est ut lorem interdum blandit. Nulla porta condimentum nunc.
</div>
</div>
<hr />
<b><a href="http://www.pcproblemer.dk/testmig/libs/vis_kildekode.php">Vis kildekoden</a> - <a href="http://www.pcproblemer.dk">PCProblemer.dk</a> - <a href="http://www.pcproblemer.dk/testmig/">Retur til oversigten</a></b><br />
</body>
</html>
