css hover

[rizla123]

Hey

Allright so i've been at this for quite sometime now about a few days here and there. I know that there already is a posting similar to this one however it didn't work. What i'm trying to do is have it when you hover over an image, the image moves to the left bottom position.

Here is the code I tried:

a{
width:94px;
height:94px;
float:left;
}
a:hover{
background-position:bottom;
}

The problem is that background-position gets ignored.

The other issue is that I can't add a background:url in the a class because i'm using a cms, so the image is automatically placed.

I would really love some help on this asap. It's been driving me insane that I can't figure it out.

Thanks
Riz

[penders]

The other issue is that I can't add a background:url in the a class because i'm using a cms, so the image is automatically placed.

How are you adding a background-image to the anchor? Automatically placed? The anchor needs to have a background-image in order for background-position to have any effect.

[rizla123]

it's done through a cms actually, so the css call say in firebug is just element.style

[penders]

In that case it's added inline. Try...

background-position: -50px 50px;

Does that do anything?