Höjd på DIV i IE

Hej!

Har precis börjar arbeta mig ifrån tabellerna och ska försöka ge mig på CSS på riktigt. Räkna med en hel del inlögg från moi!

Har en helt valig DIV

#headMenu {
	position: absolute;
	width:760px;
	top:101px;
	height:24px;
	margin:0px;
	padding:0px;
	background-color: #000000;
}

Funkar fint så länge man inte har ngt innehåll i den.
När jag sen proppar den full med bilder som är 24px höga blir den 3 pixlar högre i IE men ser bra ut i NS och Opera.

Vad tror ni?

/E

Testa att sätta:

#headMenu img {
float:left;
}

Finns en massa andra sätt att göra på också

/ m a r t i n

Jepp, det funkade (nästan).

- Varför?

- Padding och margin till bilderna som är länkar med mouseover försvinner dock.

/E

På A svarar jag: img är ett inlineobjekt, så det läggs till samma baslinjehöjd som löptext (ca 3 pixlar)
På B svarar jag: vet inte (förstod inte riktigt vad du menade)

margin på länkarna försvinner. har alltså 9 bildknappar med hover.

<a href="#" class="hLink" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('h1','','aaa_media/lay_hbut_01_st.gif',1)">
<img src="aaa_media/lay_hbut_01_ou.gif" alt="" name="h1" width="62" height="24" border="0"></a>

.hLink{
	margin: 0px 33px 0px 0px;
}

/E

använde martins kod, tog bort paddingen och satte den på bilderna ist.
funkar fint nu!

Tackar!