Min menu driller
Hej eksperter!Jeg bøvler med en menu.
Mit problem er at menupunkterne "hænger" i FF - det vil sige de bliver vist lidt under selve <div>'en.
Her følger koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
#navigation_hor {
z-index:100;
top: 163px;
left: 276px;
height: 19px;
position: absolute;
width: 800px;
background-color: #003366;
}
ul.list_top, ul.list_level {
padding: 0px 0;
margin-left: 0;
font: bold 12px Trebuchet MS;
}
ul.list_top li, ul.list_level li {
list-style: none;
margin: 0;
display: inline;
padding: 0;
}
ul.list_top li a, ul.list_level li a {
padding: 0px 0.5em;
margin: 0px;
background: #003366;
text-decoration: none;
}
ul.list_top li a:link, ul.list_level li a:link {
color: #FFFFFF;
}
ul.list_top li a:visited, ul.list_level li a:visited {
color: #FFFFFF;
}
ul.list_top li a:hover, ul.list_level li a:hover {
color: #cc0000;
background: #ffffff;
}
ul.list_top li.active a, ul.list_level li.active a {
color: #FFFFFF;
background: #cc0000;
}
</style>
</head>
<body>
<div id="navigation_hor">
<ul class="list_level">
<li class="active"><a href="index.php?index">Home</a></li>
<li><a href="#">Grupperejser</a></li>
<li><a href="#">Kør selv</a></li>
<li><a href="#">Specielle rejser</a></li>
<li><a href="#">Om Island</a></li>
</ul>
</div>
</body>
</html>