margin v CSS a Explorer

http://bloodandhonor.wz.cz/index2.php

Mam normální obrázek hozenej do rohu a posouvam ho marginem do rámečku, aby původní hranatej rámeček nebyl vidět. V Opeře to funguje, v Exploreru se zobrazí jak obrázek posunutej do rohu, tak hranatej rámeček. Přitom obrázky nejsou průhledný.

Nedá se tenhle problém nějak obejít?

Jo a v Netscapu se sice zobrazuje rámeček správně, ale zas je mezi logem a obrázkem rohu mezera

<div id="logo">
<div id="up"><img src="right-up-curve.png"></div>
<img src="Blood-and-Honor.jpg" height="60" width="400" class="logo">
<div id="down"><img src="right-down-curve.png"></div>
</div>

Proč to dělat tak složitě? Obrázek Blood-and-Honor.jpg má pevně danou velikost. Takže by nebyl problém udělat z celého toho pozadí se všemi kulatými rohy jeden obrázek, který bys dal na pozadí divu #logo.

Takhle nějak:

<div id="logo">
<h1><img src="Blood-and-Honor.jpg" height="60" width="400" alt="Blood and Honor"></h1>
</div>

#logo {background:#b2b5f2 url(fialove-pozadi-s-kulatymi-rohy.png) no-repeat}
#logo h1 {margin:0; text-align:center}

hmm, tak takhle mě to nenapadlo. dobrej nápad:)