Problemer med placering af billede.

Hejsa.
Jeg sidder og leger lidt med at få en pære (et billede) til at hænge sammen med en div, dog bare have det udenfor.

Det virker perfekt i firefox, men i IE (internet explorer) går det galdt.

I kan se problemet her:
http://www.webudvikleren.dk/spg/79

-- Her er stjernen placeret:

<div class="k">
              <div class="stjerne">&nbsp;</div>
</div>

-----

CSS:

.stjerne
{
    background-image:url("stjerne.gif");
    width:50px;
    height:50px;
    margin-top:-11px;
    margin-left:-12px;
    zindex:1000;
}

.k
{
    background-image:url(v_kant.gif);
    height:35px;
    width:30px;
    float:left;
}

Er der en venlig sjæl der kan hjælpe mig med at få pæren placeret ordenligt?

På forhånd tak.
WebUdvikleren