http://www.nje3.org/?page_id=1410

My buttons buttons have white boxes around the text in Safari. Looks fine Firefox though. I'm thinking it might be due to all the little quirks that come with web forms in Safari. But I'm no familiar with them so I don't know what's going on. Anyone have any clues.

http://www.nje3.org/?page_id=1410

CSS:
/* Donation Styles */

.pagePostDonate {
position: relative;
padding: 5px 0px 10px 0px;
margin: 20px 0 0 0px;
width: 471px;
clear: both;
}

.pageEntryDonate {
color: #FFFFFF;
text-align: justify;
margin: 0 0 30px 0px;
padding: 0 10px 0 0;
}

.iconDonate {
display:block;
width: 66px;
height: 64px;
position: absolute;
left: 20px;
margin: 0;
padding: 0;
}

.buttonDonate {
font-family: 'Arial', Helvetica, sans-serif;
font-size: 2em;
color: white;
background: url('images/sidebarHead.gif') no-repeat;
display:block;
border: 1px solid #1a1a1a;
margin: 0 0 15px 100px;
width: 128px;
height: 28px;
padding: 4px 5px 0 9px;
}

.buttonDonateLong {
font-family: 'Arial', Helvetica, sans-serif;
font-size: 2em;
color: white;
background: url('images/sidebarHead.gif') no-repeat;
display:block;
border: 1px solid #1a1a1a;
margin: 0 0 15px 100px;
width: 200px;
height: 28px;
padding: 4px 5px 0 9px;
}

.buttonDonate input.submit {
margin: 0px;
padding: 0px;
}

.buttonDonate a {
color: white;
}

.buttonDonate a:hover {
color: #b7b7b7;
text-decoration: none;
}

.buttonDonate a:visited {
color: white;
}

.donateText {
font-size: 14px;
width: 355px;
padding: 0;
margin: 0px 10px 0 100px;
color: #C1C1C1;
}

.iconDonate value {
margin: 10px;
border: 0px;
}


/*End of Donation Styles*/

HTML

<h1 class="pageTitle"><?php the_title(); ?></h1>

<div class="pagePostDonate">

<div class="pageEntryDonate">

<img class="iconDonate" src="wp-content/themes/E3Theme/images/icon_GenOpDon.gif" />

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="phpMyAdmin" value="4594f30712f4fabaff6997416810f3f2" />
<input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="derrell@nje3.org">
<input type="hidden" name="item_name" value="Donate">
<input type="hidden" name="item_number" value="1">
<input type="hidden" name="amount" value="100.00">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-DonationsBF">
<input type="hidden" name="return" value="http://nettuts.com/payment-complete/">
<input type="image" class="buttonDonate" value="Donate $100">
</form>

<p class="donateText">

Help E3 advance its mission. Contribute to the General Operating fund. This is the best money you can give, as it allows the staff to pursue both new and existing opportunities in education reform.

</p>

</div>