I'm having trouble getting rid of the grey border that my theme is adding around my custom paypal button image. I know this problem has been asked about both here and on other forums all of which suggest adding various different lines of code to the themes' custom CSS panel. I have tried every different variation I can find and none of them seem to work in my case. I'm no CSS expert so I was wondering if you guys could help me out.
The button can be found here: http://www.stateofmindrugby.com/cmspages/contact/tshirts/
The button code is as follows:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick" /> <input name="hosted_button_id" type="hidden" value="QU99P4XYG2RE8" /> <table> <tbody> <tr> <td style="text-align: center;"><input name="on0" type="hidden" value="Sizes - What's Yours?" />Sizes - What's Yours?</td> </tr> <tr> <td style="text-align: center;"><select name="os0"> <option value="Small">Small </option> <option value="Medium">Medium </option> <option value="Large">Large </option> <option value="X-Large">X-Large </option> <option value="XX-Large">XX-Large </option> </select></td> </tr> </tbody> </table> <input alt="PayPal — The safer, easier way to pay online." name="submit" src="http://www.stateofmindrugby.com/cmspages/wp-content/uploads/2012/10/Buy-Tshirt1.png" type="image" /> <img src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" border="-10" alt="" width="1" height="1" /> </form>
Whilst I'm bugging you I'm also having trouble getting the button image to centre. When I first set the button up I managed to get it to centre by adding align="middle" to the code for the image, but I've since changed the button and that no longer seems to work. Any suggestions?