Hi,
I've just switched Paypal standard to Paypal Express, and am seeing a problem with the layout of the
Paypal Express button. The code is produces, which replaces the checkout button code, is as follows:
<table class ="google_button"><tr><td><div id="CBP_wrapper" style="position:relative; width:0px; height:0px"><span id="paypal_button" class="chk_button" style="position:absolute; left:0px; top:0px;"><input class="pay_expr_chkout" type="image" name="PayPal Express Checkout" alt="PayPal Express" src="http://www.paypal.com/en_US/i/btn/btn_xpressCheckoutsm.gif" height="42" width="145" onClick="return(CheckIt(88,0));" >
</span><span class="chk_button" style="position:absolute; left:0px; top:0px;">
<input type=image src="http://www.mystoreurl.com/store/ss_images/en-US/checkout.gif" class="button8" align="bottom" border="0" id="Check out" name="Check out" alt="Check out" title="Check out" tabindex="4" onClick="return(CheckIt(8,0));" >
</span></div></td></tr></table>
The checkout and Paypal Express buttons render on top of each other (notice the style/position statements).
I believe the code is opaque - that I don't have access to it in order to modify the layout.
Here's a screen shot of how it looks to the shopper:
http://www.zombierunner.com/tmp/paypal_express_button_screenshot.jpg
Thoughts on how to fix it?
Thanks,
Don