hovering paypal button

[fatbottoms]

i can't seem to get my paypal button to hover.

i deleted the border="0" in the paypal form html, but that did nothing and i also get space at bottom of my border, which i corrected with img { vertical-align: bottom } for another image, but it doesn't seem to work with the paypal button.

anyone care to look at this and tell me what i'm doing wrong?

http://bluesrock.freewebpage.org/paypal.html

[_Aerospace_Eng_]

The input image isn't a link plus you have an inline style in that div.
.paypal input { margin-left: 2cm; margin-top: 2cm;
float: left; border: 2px ridge #009 }
.paypal input:hover { border: 2px ridge #00f }
Try that. Note you may want to use onmouseover and onmouseout in that input type="image" for IE since it doesn't support :hover on anything but anchor tags (links) natively.
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" onmouseover="this.style.border='2px ridge #00f'" onmouseout="this.style.border='2px ridge #009'">

[fatbottoms]

i took it out of inline, and copied the input code but it still doesn't work.

anyone else have any ideas, the bumps on my head are too numerous to count.

[_Aerospace_Eng_]

You didn't change anything. Change this
.paypal { margin-left: 2cm; margin-top: 2cm;
float: left; border: 2px ridge #009 }
.paypal a:hover { border: 2px ridge #00f }
to this
.paypal input { margin-left: 2cm; margin-top: 2cm;
float: left; border: 2px ridge #009 }
.paypal input:hover { border: 2px ridge #00f }
Then use the input code I gave you for your paypal button so it works in IE as well.

[fatbottoms]

i did change it just like you said, only i did it on an editor and it didn't work.

here, i've created a file and changed it to what you suggested on the site, and this is the result i get.

http://bluesrock.freewebpage.org/paypal1.html