✔ Problem mit div

[Metha]

Hallo,

ich versuche gerade von HTML auf (X)HTML umzusteigen.
Mein Problem ist, dass mein IE meinen #bodyhead 10px zu hoch darstellt. Das Problem besteht aber auch nur beim IE 6.0. Firefox, Netscape und Opera stellen es einwandfrei da.

HTML:

<div id="head"></div>
<br />
<div id="bodyhead"></div>
<div id="bodycont"></div>
<div id="bodyfoot"></div>

Hier die CSS:

div{
	margin: 0px;
	padding: 0px;}

#head{
	background: url(../classes/template/img/md_head.gif) no-repeat;
	background-color: transparent;
	width: 600px;
	height: 150px;}

#bodyhead{
	background: url(../classes/template/img/md_bodyhead.gif) no-repeat;
	width: 600px;
	height: 10px;
	}

#bodycont{
	background: url(../classes/template/img/md_bodycont.gif);
	width: 570px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;}

#bodyfoot{
	background: url(../classes/template/img/md_bodyfoot.gif) no-repeat;
	width: 600px;
	height: 21px;}

Kann mir jemand sagen, was ich noch mit angeben muss, damit auch der IE es rafft ?

Gruß Micha

 

[Maik]

Probier's mal so:

#bodyhead{
	background: url(../classes/template/img/md_bodyhead.gif) no-repeat;
	width: 600px;
	height: 10px;
	font-size: 0;
	}

Der Thread wird ins CSS-Forum verschoben.

 

[Metha]

Danke, für die schnelle Antwort.
Damit hat sich mein Problem erledigt.

Gruß Micha