Problém s vyskou tabulky/riadku v IE

Mam problem s IE (ako inac...).

Pozrite si http://2.c.szm.sk/2.c/ie_problem/

V Opere aj Firefoxe to vsetko presne licuje, v IE ani za nic. Aj ked logicky by to malo fungovat - to oranzove v obrazku ma vysku 21, takze prisluchajuci riadok ma height=21, to modre je vysoke 38, cize height=38. Ale v IE ocividne nie...

Pls, helpnite mi, ako to spravit, trebars aj nietabulkovo.
Skus tam dát jednotky...
do HTML sa takto jednotky nedavaju...

a sice to vsetky prehliadace zozrali (predsa som to skusil :) tak s tym explorerom to ani nepohlo :( ale inspiroval si ma k niecomu inemu...
Jádro pudla jsem ještě neodhalila, ale jednotky to rozhodně nebudou. Ty se píšou do CSS, ale v HTML atributu to jsou vždycky pixely.
jak si spomenul tie jednotky tak som to skusil prepisat do CSS:
.hlavicka {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 21px
}
ale IE si stale mysli ze 21 = 22!
uz som to vyriesil - neuverite co sa tomu hajzlovi nepacilo. ono totiz v IE sa nasledovne:

<TD>
<IMG src="...">
</TD>

nerovna tomuto:
<TD><IMG src=".."></TD>

ked je tam ten enter tak sa tam zanasa nejaky pixel co to potom cele natiahol...
Ano, oblíbený problém prohlížečů...
Vzpomínám si, že mi jednou málem zešedivěly vlasy z takového tajemného podtržítka za obrázkem uvnitř linku v Opeře, než jsem zjistila, že to je zalomený řádek ve zdrojáku :-)
problem prohlizecu? ani bych nerekl. spis jste zapomneli, ze zalomeni radku se v html bere jako normalni mezera. U Freyi se potom i ta mezera zformatovala jako odkaz a byla podtrzena.
Ano je to v tom dělení, ale dá se to obejít, když nechceš dlouhé řádky.

Příklad:
<TD><IMG src="obrazek.jpg" width="80" height="50" border="0"></TD>

nesmíš dělit takto:

<TD>
<IMG src="obrazek.jpg" width="80" height="50" border="0">
</TD>

ale takto:

<TD><IMG src="obrazek.jpg" width="80"
height="50" border="0"></TD>

Taky jsem se s tím trápil, než jsem se to dočetl u jednoho chytrého :-)