I am having issue using a css3 button in ie8.
My Marketing Solutions -
This is the green button that says “shop at…”
<a href="http://www.my-promo-store.com" class="link"> <button class="cupid-green">
Shop at <br />My-Promo-Store.com
</button>
</a>
button.cupid-green {
background: #7FBF4D;
background: -moz-linear-gradient(center top , #7FBF4D 0%, #63A62F 100%) repeat scroll 0 0 transparent;
border-radius: 5px 5px 5px 5px;
border: 1px solid #76b347;
color: #FFFFFF;
font-family: "pt_sans",Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1;
padding: 7px 0 8px;
text-align: center;
text-decoration: none;
width: 175px;
display:block;
}
button.cupid-green:hover {
background: #76b347;
background: -moz-linear-gradient(top, #76b347 0%, #5e9e2e 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#76b347), to(#5e9e2e));
-moz-box-shadow: inset 0 1px 0 0 #8dbf67;
-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
box-shadow: inset 0 1px 0 0 #8dbf67;
cursor: pointer;
}
button.cupid-green:active {
border: 1px solid #5b992b;
border-bottom: 1px solid #538c27;
-moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
}