Widths diferentes firefox e chrome

Pessoal, os widths estão diferentes no Firefox e no Chrome.
Assim funciona perfeitamente no Chrome, da rolagem no Firefox

#slider{
 width: 100%;
 height: 455px;
 position: absolute;
z-index: 50;
top: -62px;
overflow: hidden;
}

#slider ul li img{

width: 1920px;
height: 455px;
}

Se inverter o width do #slider ul li img para %, como:

#slider ul li img{

width: 100%;
height: 455px;
}

a imagem não é renderizada no Chrome, mas dá certo no Firefox.
o html está normal:

<div id="slider">
<ul>
<li><img src="../media/img/natureza.jpg" width="1920" height="455" /></li>
<li><img src="../media/img/natureza1.jpg" width="1920" height="455" /></li>
<li><img src="../media/img/natureza2.jpg" width="1920" height="455" /></li>
</ul>
</div>

Alguém pode me dar uma luz?