CSS to fill background of a transparent png button - IE and Firefox Compatability

How would you code the CSS so that this button will show up with a blue background color using CSS and look good in both Firefox and Internet Explorer?

[img=http://img517.imageshack.us/img517/4042/viewcartcheckoutbuttonkj2.png]

Here's what works in Firefox:

CSS

div.transparentCartCheckoutButton img {
	margin-left:-2px;
	margin-top:-2px;
	margin-bottom:-8px;
}
a img{
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	/*border-color: #393837;
	border-width: thin;*/
}
div.transparentCartCheckoutButton {
	width:181px;
}

Code (markup):

HTML

<div class="transparentCartCheckoutButton c">
   <a href="/ceilingtile_shoppingcart2.cfm" ><img src="/images/viewcart_checkoutbutton.png" ></a>
</div>

Code (markup):

This looks great in Firefox, but this does not look right in Internet Explorer. The colored background extends wider and higher than the transparent image.

 

I'd color the image... and if I cared about color matching, I'd use a .gif instead of a .png

You're throwing code at a problem that should take five seconds to fix in a image editor.