Min menu forsvinder i IE
Hej Eksperter.Jeg sidder med et problem hvor min menu fungerer perfekt i Firefox og simpelthen forsvinder i Internet Explorer.
Jeg har w3 valideret min side med succes, dette er gældende for både mit CSS og HTML.
Mit inderligste håb at i kan hjælpe mig med en løsning på problemet, på forhånd tak! :)
body {
padding: 0;
margin: 0;
font: 76% Arial;
background: #e0e0e0;
color: #303030;
}
a {
text-decoration:none;
color:#286ea0;
}
a:hover {
text-decoration: underline;
}
#header {
height: 15px;
}
#container {
margin: 0 auto 15px auto;
width: 772px;
padding: 10px 10px 0px 10px;
background: #ffffff;
}
#ulMenu {
position: absolute;
margin: 0px;
padding: 0px;
list-style: none;
}
#ulMenu li {
list-style: none;
float: right;
margin-right: 4px;
margin-top: 38px;
}
#ulMenu li a {
color: #fff;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
background: #ad7281;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
outline: none;
}
#ulMenu li a:hover {
background: #821d1d;
}
#ulMenu li.active a {
background: #821d1d;
}
#ulMenu li.active a:hover {
background: #821d1d;
}
#toplogo {
height: 160px;
color: #ffffff;
padding: 0;
background: #505050 url(images/vinfest7.jpg) top left no-repeat;
clear: both;
margin: 0 0 10px 0;
}
#main {
width: 560px;
float: left;
padding: 0 15px 0 3px;
}
.block {
background: #f0f0f0;
padding: 5px;
}
#contractor {
width: 182px;
float: right;
}
#contractor p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}
#clinks a, #clinks a:visited {
text-decoration: none;
background-color: #fff;
display: block;
padding: 0.2em;
margin: 0.5em auto;
outline: none;
}
#clinks a:hover {
border-left: 4px solid #ad7281;
}
#footer {
clear: both;
background: #fafafa;
color: #808080;
padding: 8px 0 8px 0;
text-align: center;
}
h3 {
margin: 20px 0 10px 0;
font-weight: normal;
border-bottom: 1px dotted #d0d0d0;
}
h2 {
font-weight: normal;
color: #d0d0d0;
font-size: 10px;
}
p {
margin: 0 0 15px 0;
text-align: left;
}
.right {
text-align: right;
}
a img {
border: 0;
}
.hide {
display: none;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.img_indent {
margin: 0px 0px 0px 0px;
float: left;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da">
<head>
<title>Titel</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="title" content="" />
<meta name="language" content="dan" />
<meta name="date" content="10-01-08" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen,projection" />
</head>
<body>
<div id="header"></div>
<div id="container">
<div style="position:relative;">
<img class="fleft" alt="" src="images/top.jpg" />
<ul id="ulMenu">
<li><a title="" href="#">Menu7</a></li>
<li><a title="" href="#">Menu6</a></li>
<li><a title="" href="#">Menu5</a></li>
<li><a title="" href="#">Menu4</a></li>
<li><a title="" href="#">Menu3</a></li>
<li><a title="" href="#">Menu2</a></li>
<li class="active"><a title="" href="#">Menu1</a></li>
</ul>
</div>
<div id="toplogo"></div>
<div id="main">
<h3>Overskrift 1</h3>
<p>Tekst 1</p>
</div>
<div id="contractor">
<h3>Sponsorer</h3>
<div id="clinks">
<p><a href="#nogo" title="Klik for at navigere til webside">link 1</a></p>
<p><a href="#nogo" title="Klik for at navigere til webside">link 2</a></p>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
