Feste Bildpostion bei onmouseover

[blackisthecolour]

Hallo Forum,

bekomme langsam graue Haare mit einem 'onmouseover-Problem'.

Der folgende Teil funktioniert soweit:

1. CSS:

#inhalt {

background:url(../bilder/body2_cam.jpg) no-repeat;
    height:475px;
    width:1050px;
    font-size:20px;
    padding-left:2em;
    }

* {

margin:0;
    padding:0;
    }

.cam1{
float:right;
border:1px solid #99ccff;
margin:150px 300px 0px 00px;
}

.cam2{
float:right;
border:1px solid #99ccff;
margin:400px 80px 0px 00px;
}

2. HTML:

<div id="inhalt">

<p>
<img class="cam1" onmouseover="(src='bilder/test1.gif')" onmouseout="(src='bilder/test2.jpg')" src="bilder/test2.jpg" alt="Freihantelbereich"></img>
</p>

Ich bekomme es aber nicht in den Griff, dem bei onmouseover aufgerufenen Bild 'test1' (und nur diesem !!) eine feste Position zuzuweisen.

Alle Versuche, die Position (oder Größe) zu ändern, wirkten sich auf alle beteiligten Bilder aus. Für mich ist es jedoch wichtig, nur auf 'test1' einzuwirken.

Vielen Dank für eventuelle Tips

Jörg