Strange Problem With Background Images on hover

[adc124]

Hi,

I'm having great difficulty fixing a prblem with changing the background0image property of an image link on hover. The problem only seems to occur in internet explorer and is driving me crazy at the moment! Somebody PLEASE help!

A basic form of the problem is shown below:
STYLE SHEET:
.class1 {
position:absolute;
width: 170px;
height: 150px;
text-align:center;
}

class1:hover {
background-image:url(someimage.jpg);
}

HTML:
<a href="#" class="class1"><img src="image.jpg"></a>

Or try visiting www.gallery.webmediaworks.co.uk/test.htm to view online.

For some reason the image is not removed when the mouse is no longer over the image, and the effects are even more bizzare when there are several on a page!

Any help or comments would be greatly appreciated!

Anthony.

[ktwilight]

please read the forum charter [webmasterworld.com], urls aren't allowed. ;)

it's my first to see this way of doing a hover. :P indeed, IE does render it to my surprise, but has a few hiccups. Firefox renders it perfectly. ;)

i don't think there's a way around it. i hope someone can correct me though.

i do use a similar method, but it's for navigational purposes, but it doesn't hover at all in IE unsurprisingly.