[SOLVED] Hover image over image

[peranha]

Does anyone know how to hover an image over another at a certain point(pixels) without combining the 2 to make 1 image? 

 

Say I have a background image 700 X 500 pixels

 

At point 200,125 I want to put image 1

 

At point 400,25 I want to put image 2

 

and so on.

 

Any questions, just ask, not sure if it is clear enough.

[corbin]

CSS.

 

 

position: absolute

 

 

 

[peranha]

How do I do certain pixels with that?

[peranha]

Here is what I have and it is putting it absolute to the page, not the background pic

 

<div id="map">
<img src="pics/city1.jpg" alt="Town 1 Map" border="0" width="720" height="440" usemap="#Town" />
<div id="position1">
	<img src="pics/building.gif" alt="Baracks" />
</div>
</div>

 

and the css

 

#map {
width: 720px;
height: 440px;
}

#position1 {
position: absolute;
top: 100px;
right: 150px;
}

 

any ideas??

[TheFilmGod]

<div id="map">
<div class="position1">
	<img src="pics/building.gif" alt="Baracks" />
</div>
<img src="pics/city1.jpg" alt="Town 1 Map" border="0" width="720" height="440" usemap="#Town" />
</div>

 

#map {
width: 720px;
height: 440px;
}

#map .position1 {
position: absolute;
top: 100px;
right: 150px;
}