Gradient and Background Image, IE

HTML

<button class="gradient">gradient</button>
<br>
<br>
<button class="gradientAndBackgroundImage">pp</button>
<br>
<br>
<div style="width:100%" class="gradientAndBackgroundImage">Div</div>

CSS

button
{
    height: 16px;
    -moz-box-shadow: inset 0px 1px 1px #E0F0FD;
    -webkit-box-shadow: inset 0px 1px 1px #E0F0FD;
    box-shadow: inset 0px 1px 1px #E0F0FD;
    color: #0A70BC;
    border-radius: 3px;
    border: 1px solid #E0E0DF;
    text-shadow:1px 1px #FFFFFF;
    font-size: 11px;
}
div
{
    height:300px;
    border-radius: 16px;
    border: 2px white solid;
}

.gradientAndBackgroundImage {
    font-size: 24pt;
    font-weight: bold;
    width: 20px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aaae5', endColorstr='#3075bb',GradientType=0 );
    
}

.gradient {
    color: #FFFFFF;
    text-shadow:1px 1px #999999;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#000000', endColorstr='#ff00ff');
    background-position: -16px -16px;
}