Как изменить стиль работы во всех браузерах

Question

Fiddle: http://jsfiddle.net/t4uujehb/1/

HTML:

<div style="overflow: hidden;"> 
    <div class="theNum numOnly" style="float: left; cursor: pointer;"> 
     45 
    </div> 
    <div class="theNum" style="float: left;"> 
     <span>Provider(s) failed to update</span> 
    </div> 
</div> 

FireFox:

Chrome/IE 9/10:

Как я могу изменить мой CSS так же укладка в Chrome и IE (или как можно ближе к IE)

Answer 1

Вы должны генерировать градиент также для других браузеров (префиксы) с инструментом, таких как ColorZilla. Я пробовал и результат:

.theNum 
{ 
    background: #ededed; /* Old browsers */ 
    background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #ededed 0%,#dedede 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #ededed 0%,#dedede 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede',GradientType=0); /* IE6-9 */ 
}