html - IE 10 でのみ適用されるリスト項目への CSS パディング

Question

ティッカーで画面をスクロールするためにまとめているアイテムのリストがあります。

パディングという 1 つの要素を除いて、すべてのブラウザーですべての CSS が機能しています。

このフィドルでは、12px の左のパディングが IE でのみ機能し、他のブラウザーでは機能しないことがわかります。

Chrome / Firefox / Safariで動作させるために考えられるほぼすべてのものをいじってみましたが、役に立ちませんでした。

何か案は？ありがとう。

http://jsfiddle.net/Gmvmc/3/

<div class="exchange-rates">
Exchange rates $ 1 USD:
<a href="http://finance.yahoo.com/currency-converter/" target="_blank">
    <div id="scrollerWrapper">
        <ul id="scroller">
            <li id="USDJPY">TEST</li>
            <li id="USDAUD">TEST</li>
            <li id="USDEUR">TEST</li>
            <li id="USDGBP">TEST</li>
            <li id="USDCHF">TEST</li>
            <li id="USDCAD">TEST</li>
            <li id="USDSEK">TEST</li>
            <li id="USDNOK">TEST</li>
        </ul>
    </div>
</a>

.exchange-rates
{
background:#eeeeff;
padding:10px 19px 10px 59px;
border:1px solid #222266;
color:#222266;
font-size:1.1em;
border-radius:9px;
margin:0 0 0 0;
}
#scrollerWrapper
{
height:25px;
overflow:hidden;
width:70%;
float:right;
}
#scroller
{
height:100%;
margin:0;
padding:0;
position:relative;
color:#222266;
}
#scroller li
{
float:left;
padding:0 0 0 12px;
list-style-position:inside;
}