DIV overlap on top of submit order INPUT button not working right in IE7

Posted by Lauren on Stack Overflow See other posts from Stack Overflow or by Lauren
Published on 2010-03-25T16:26:35Z Indexed on 2010/03/25 16:43 UTC
Read the original article Hit count: 598

Filed under:
|
|
|
|

I created a test account at www.avaline.com:

username: [email protected] pass:test02

I'll keep the account around so you can see what's going on with this submit button without going through the registration process (and needing to fill in a fake address, etc). If logging in doesn't work, you can create your own test account though.

Make sure at least one item is in your shopping cart, hit "proceed to checkout", and check off "PayPal" as your payment method (this way the payment won't go through for testing purposes). Once you're on the "review and submit" page, in IE7 (at least), hover over the "pay with Paypal" button, and you'll see that the cursor is a hand when you hover over the text or the button border, but it's a regular arrow when you hover over the button part. If you try clicking on the arrow-cursor area, you'll get the error that you should see...but if you click on the hand-cursor area, you get redirected to the paypal page.

In FF, the #hidSubm DIV covers the "Pay with Paypal" button. Why isn't it working in IE7?

© Stack Overflow or respective owner

Related posts about html

Related posts about css