A hover on a custom navigation bar button

I've added a new button to my navigation bar. My problem is that all of my standard navigation buttons have a hover. This is an example of the code I used to get the hover

Code:


#i_icon_mini_login{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat  0 -44px;}


How do I modify this code to work with the new nonstandard button I've just added ?

Hi!

it depends on which button you added:
It is the forum button, the gallery, ecc.

Friendly,

No,It's not one of the preset Html pages. I added a new Html page that I created by going to "html pages management" The button I added links to that page. I added a custom button by going to Display > Homepage > Headers & Navigation. The button I added to my html page is the on I want to put the hover on.

Link to where you're trying to use this button?

This is the page I want the button to take me to:
http://armedoutlawz.forumotion.com/h1-ao-gear


This is the image I want to use:



I applied that link to my navigation bar as seen below:




Thank you for any help you can offer

thanks for your help, The hover works but it doesn't show the entire picture(as seen below:


And yeah is is only one picture, That's because that's how the other buttons on my navigation bar works. the code I used on it (I believe) just moves the picture up 40px on a hover instead of changing the picture all together. But ether way works.

Here's an example of the code I used for the other buttons if it helps This code works with only one image.

Code:




#i_icon_mini_login{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat  0 -44px;}


Same thing still only shows the little box with not the full button