image - CSS hover disappears at mouseover -

image - CSS hover disappears at mouseover -

i trying map has different places/points on it. if pull arrow/mouse on 1 of points, transparent image positioned on point should alter image name on it. image-changing hover. - totally going wrong. image name there time , when pull mouse on it, transparent 1 appears. tried changing pictures didn't work.

the css:

.nutbrown img { position:absolute; margin:497px 642px 247px 380px; background:url("test1.png") no-repeat; height: 20px; text-decoration: none; } .nutbrown:hover img { position:absolute; height: 20px; visibility:hidden; text-decoration: none; }

the html

<div class="nutbrown"> <img src="test.png" /></div>

what doing wrong? help! :)

because of visibility:hidden;

you telling css hide every image within .nutbrown when hover .nutbrown

css image hover