Problemer med hover i IE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>xxx</title>
<style type="text/css">
html {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
}
body {
behavior:url(/csshover3.htc);
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: white;
font-size: 12px;
background-image: url(/images/bg.png);
background-repeat: repeat-x;
background-position: top;
background-color: Silver;
background-attachment: fixed;
}
a {
color: white;
}
.menu {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
width: 150px;
background-color: black;
border-left-color: red;
border-left-style: solid;
border-left-width: 5px;
}
#navigation {
width: 150px;
}
#navigation ul {
margin: 0px;
padding: 0px;
}
ul.top-level {
background: black;
}
#navigation li {
list-style: none;
}
ul.top-level li {
border: red solid;
border-width: 1px;
}
#navigation a {
cursor: pointer;
display:block;
height:25px;
line-height: 25px;
text-indent: 5px;
text-decoration:none;
width:100%;
}
#navigation a:hover{
text-decoration: none;
}
#navigation li:hover {
background: silver;
position: relative;
}
ul.sub-level {
display: none;
}
li:hover .sub-level {
background: black;
border: red solid;
border-width: 1px;
display: block;
position: absolute;
left: 140px;
top: 4px;
}
ul.sub-level li {
border: none;
float:left;
width:150px;
}
#navigation .sub-level {
background: black;
}
#navigation .sub-level .sub-level {
background: silver;
}
li:hover .sub-level .sub-level {
display:none;
}
.sub-level li:hover .sub-level {
display:block;
} </style>
</head>
<body>
<div id="navigation">
<ul class="top-level">
<li><a href="/Forside/">Forside</a></li>
<li><a href="/Menu/">Menu</a>
<ul class="sub-level">
<li><a href="/Undermenu/">Undermenu</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
