Fishing for lte IE8 CSS3 goodness

So I’m working on getting a button with a gradient background and a background image to work on a project. Happily, Firefox, Safari, et. al are playing nicely. Sadly, IE isn’t. What’s new right? I’m looking for a work-around so I don’t lose my gradient in IE. I’d like to keep the icon, but right now I don’t see anyway to avoid losing it and just using text.

Anyone have an idea? Code snippet below (Yeah, I know it’s not fully semantic and the snippet blows my layout. I’m working on it, the layout that is.):

.button,
input[type="button"] {
	color: #474747;
	border: 1px solid #bfbdb7;
	border-color: #c9c9c9 #b3b3b3 #9a9a9a;
	border-color: rgba(150,150,150,0.4) rgba(128,128,128,0.4) rgba(77,77,77,0.4);
	font-family: "Helvetia Neue", Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 -1px 0 #8c8a7e;
	-webkit-box-shadow: 0 -1px 0 #8c8a7e;
	box-shadow: 0 -1px 0 #8c8a7e;
	box-shadow: 0 -1px 0 rgba(64,63,57,0.6);
	background: #e8e5de;
	background: -moz-linear-gradient(top, #eae8dd 45%, #c9c7bb 55%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #eae8dd), color-stop(55%, #c9c7bb));
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorstr=#eae8dd, endColorstr=#c9c7bb)
			progid:DXImageTransform.Microsoft.Shadow(color=#8c8a7e,direction=0,strength=0);
}
.print-button {
	background: #e8e5de url(../images/icon-16-print.png) no-repeat 6px 3px;
	background: url(../images/icon-16-print.png) no-repeat 6px 3px, -moz-linear-gradient(top, #eae8dd 45%, #c9c7bb 55%);
	background: url(../images/icon-16-print.png) no-repeat 6px 3px, -webkit-gradient(linear, left top, left bottom, color-stop(45%, #eae8dd), color-stop(55%, #c9c7bb));
	padding-left: 28px;
}
.button:hover,
input[type="button"]:hover {
	color: #4c7204;
	border-bottom-color: rgba(77,77,77,0.5);
	border-top-color: rgba(150,150,150,0.5);
}