Ik zit met het volgende probleem .. Ik heb een site die helemaal bovenaan begint maar in IE niet!
Voorbeeld IE:
http://img373.imageshack.us/img373/4827/1mk4.jpg
Voorbeeld FF:
http://img373.imageshack.us/img373/8150/2tx6.jpg
Zoals het in FF is zou het dus ook in IE moeten zijn! Wat gaat er mis?
Ik gebruik de volgende bestanden:
index1.php
<html>
<head>
<title>Prodes</title>
<link rel="stylesheet" type="text/css" href="home1.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="navigatie">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">Over ons</a></li>
<li><a href="/">Diensten</a></li>
<li><a href="/">Werkwijze</a></li>
<li><a href="/">Projecten</a></li>
<li><a href="/">Nieuws</a></li>
<li><a href="/">Portfolio</a></li>
<li><a href="/">Contact</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
home1.css
html,body {
height: 100%;
text-align: center;
color: #5d5d5d;
font: 8px verdana;
size: 10px;
font-size: 200%;
background: url('images/bg1.jpg') center;
background-repeat: repeat-y;
background-position: center center;
}
#container {
width: 770px;
margin: 0 auto;
position: relative;
text-align: left;
font-family: verdana
color : #FFFFFF;
}
#container #header {
background: url('images/logo.jpg') right;
width:100%; height:250px; text-align:left; background-repeat:no-repeat
}
#navigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
width: 17.3em;
margin-left: 15px;
margin-bottom: 1em;
padding-top: 11px;
background-color: #fff;
color: #ffffff;
}
#navigatie ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigatie ul li {
margin: 0;
}
#navigatie ul li a {
display: block;
padding: 3px 2px 4px 4px;
border-bottom: 1px solid #fff;
background-color: #eeeeee;
color: #000000;
text-decoration: none;
width: 100%;
}
html>body #navigatie ul li a {
width: auto;
}
#navigatie ul li a:hover {
background-color: #eee;
color: #df192a;
}
