nicht angemeldet
Hallo zusammen,
ich habe einen (hoffentlich ganz einfach zu lösenden Fehler in meiner Website).
Folgende (von unnözigem code befreite) index.html Datei habe ich auf meinem Webspace: ~~~html <html>
<head>
<link rel="stylesheet" type="text/css" href="./style2.css">
</head>
<body>
<div id="header"></div>
<div id="page">
<div id="diver1"></div>
</div>
</body>
</html>
Dazu gehört diese css Datei:
~~~css
#header {
position: absolute;
background-image: url(./gfx/header.png);
top: 10px;
left: 10px;
height: 130px;
width: 900px;
border: 1px solid black;
border-bottom: none;
text-align: left;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-khtml-border-radius-topleft: 20px;
-khtml-border-radius-topright: 20px;
}
#page {
position: absolute;
top: 140px;
left: 10px;
height: 462px;
width: 900px;
border: 1px dotted black;
border-top: 0px;
}
#diver1 {
position: absolute;
background-color: 0a2a4f;
background-image: url(./gfx/diver.png);
top: 8px;
left: 0px;
height: 8px;
width: 900px;
border: 0px solid black;
margin: 0px;
padding: 0px;
}
Leider zeigt der IE das div Element "diver1" mit einer Höhe von 16px an und nicht mit 8px. Mit Mozilla funktioniert es einwandfrei.
Woran kann dies liegen?
Vielen Dank!