I've created a button with some styling that looks great on Firefox and Chrome, but unfortunately doesn't work quite right on Internet Explorer (all versions).
Check out the JsFiddle DEMO : http://jsfiddle.net/Mhded/1/
Below is the code I'm using:
HTML:
<span class="button_style">Comment</span>
CSS:
.button_style {
background:-moz-linear-gradient(top,#006666 0%,#006666 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#006666),color-stop(100%,#006666));
background:-webkit-linear-gradient(top,#006666 0%,#006666 100%);
background:-o-linear-gradient(top,#006666 0%,#006666 100%);
background:-ms-linear-gradient(top,#006666 0%,#006666 100%);
background:linear-gradient(top,#006666 0%,#006666 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006666',endColorstr='#006666',GradientType=0);
border: 1px solid #006666;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
font-family: 'Helvetica',sans-serif;
font-size: 14px;
padding: 6px;
vertical-align: middle;
width: 70px;
cursor:pointer;
}