Topic: Anchor link with background and hover not working in FF =(

i am currently designin a page for a friend and i added a background image that changes on hover to the page it shows perfect on IE but messed up on FF and Chrome


this is my css code:

#anchor1 {
width : 200px;
height : 35px;
background-image : url(epbutton.jpg);
font-size: large;
text-decoration: none;
text-align:center;
padding-left:25px
}
#anchor1:hover {
background-image : url(epbutton hover.jpg);



and this is the link i have using this anchor:

<td><a id="anchor1" href="joker">Free Sign-Up</a></td>

this link is in a tabel but for some reason it shows perfect in interenet explorer but thats only browser itll show perfect in this link can be found at:

http://international-pool-association.com/ep/

i hope someone can help me resolve this problem.

needs height and width for one and I would not use a space in the name of an image. Add an underscore or dash in there or something
(epbutton_hover.jpg)

I don't have IE ATM so I can't see it working.

Later,

C:\

On Firefox, go to Tools -> Error Console. Clear the console and then refresh your page. You get one error:

Warning: Error in parsing value for property 'background-image'. Declaration dropped.
Source File: http://international-pool-association.com/ep/
Line: 18

It probably doesn't like the space in the URL. Maybe if you replace the space with %20 (the hex code for a space character) it will work?

background-image : url(epbutton%20hover.jpg);


 

took space out and nothing it does have a height and width specified in the anchor and added in image and nothing

working here

Later,

C:\