Problem med roll-over-bild-skript

Använder följande funktion för att byta en bild mot en annan när muspekare förs över den.

function rollover(image) {
     document.getElementById("image1").src=image;
}

Och följande kod för bilden

<img src="bild.png" id="image1" onmouseover="rollover('bild2.png')" onmouseout="rollover('bild')" />

Detta fungerar utmärkt för mig förutom en sak; när man håller muspekaren över och den andra bilden kommer fram så ligger den ungefär en pixel under den andra bilden. Någon som vet varför det blir så och som kan hjälpa mig att fixa till det?

tack på förhand
/kris

Det måste bero på att bilden bild2.png är 1pixel förskjuten (i filen alltså, inte i positionering på sidan) jämfört med bild.png. Kan du länka till sidan så man får titta på bilderna?

Visst var det det! :r Och jag som trodde att jag hade kollat det.

kris skrev:

Visst var det det! :r Och jag som trodde att jag hade kollat det.

Acceptera gärna ovanstående som slutgiltigt svar ;)