Ik heb deze css:[code lang="css"]
.button_graydient {
padding-left: 0px;
margin-top: 10px;
border: 1px solid #CACACA;
border-radius: 4px 4px 4px 4px;
font-weight: bold;
color: #3b4043;
vertical-align: middle;
background:#cfd1cf;
background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));
background:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);
background:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);
background:-o-linear-gradient(top,#f5f5f5,#cfd1cf);
background:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);
background:linear-gradient(top,#f5f5f5,#cfd1cf);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf');
}
.button_graydient span {
display: inline-block;
cursor: default;
}
.i-left {
padding-top: 2px !important;
padding-bottom: 2px !important;
padding-right: 10px;
text-indent: 24px;
}
.login_pict {
background: url(/images/system/ent_lock.png) no-repeat 5px 50%/16px 16px;
}
[/code]
En dit in html:
[code lang="html"]
<div class="div_bottom">
<button class="button_graydient"><span class="login_pict i-left">INLOGGEN</span></button>
</div>
[/code]
In IE11 krijg ik dit:
En in Chrome dit:
Ik heb de paddings op diverse plaatsen uitgeprobeerd, maar het effect blijft hetzelfde.
Iemand enig idee wat (en of) ik iets fout doe?
