css horizontale streep

[gast0515]

Besten,

ik heb een css internet explorer probleem.

Ik heb twee horizontale (lichte) strepen, hoogte 2px.
Firefox (op mac en windows) leest het goed.
Helaas doet internet explorer weer wat anders.
Hij leest niet dat het 2px hoog moet zijn en maakt er een ongeveer 10px hoge <div> van.

Kijk hier voor het voorbeeld:
http://agarietdijk.nl/test/

En dat is mijn code:

html, body {
width: 100%;
height: 100%;
}
body {
padding: 0;
margin: 0px;
background-image: url(plaatjes/bgzwart.jpg);
}
#container {
width: 100%;
height: 550px;
position: absolute;
top: 50%;
left: 0%;
margin: -276px 0 0 0px;
padding: 0;
background-image: url(plaatjes/bggrijs.jpg);
}
#container #lijnboven {
height: 2px;
width: 100%;
position: relative;
left: 0px;
top: 1px;
background-image: url(plaatjes/bglicht.jpg);
}
#container #lijnonder {
height: 2px;
width: 100%;
position: relative;
left: 0px;
top: 548px;
background-image: url(plaatjes/bglicht.jpg);
}
#container #inhoud {
position: relative;
height: 550px;
width: 900px;
left: auto;
top: 0px;
right: auto;
}



Hoe kan ik het oplossen?
Alvast dank voor alle goede tips.

gast0515

 

[Frenske123]

Misschien helpt het als je eens een doctype opgeeft


en als je horizontale lijnen wilt is dit wellicht geschikter

http://www.sovavsiti.cz/css/hr.html