problemas con el css s3slider

[esaenz22]

buenas. me descargue el jquery s3slider http://www.serie3.info/s3slider/ para implementarlo en un proyecto de una tienda virtual.

modifique el css para el ancho y algo de la imagen que es de 919 x 360. en explorer me centra el div, pero en firefox la imagen se desplaza muy a la izquierda. es como estuviera haciendo un padding.

explorer



firefox



este es codigo css que he modificado.

Código CSS:

/* s3slider */
 
#slider1 {
width: 919px; /* important to be same as image width */
height: 368px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
border:none;
}
 
#slider1Content {
width: 919px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
border:none;
}
.slider1Image {
/*    float: left;*/
position: relative;
display: none;
border:none;
}
.slider1Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 919px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
border:none;
}
 
.clear {
clear: both;
}
.slider1Image span strong {
font-size: 14px;
}
.left {
top: 0;
left: 0;
width: 110px !important;
height: 368px;
}
.right {
right: 0;
bottom: 0;
width: 90px !important;
height: 290px;
}
ul { list-style-type: none;}
 

no entiendo la diferencia de los 2 navegadores.

me podrian orientar como solucionar mi problema ?.

saludos.