The overflow does not work

[ghost]

I am using Nivo Slider on a template and the images jump to the right when they load so they are always off center of the page. I have looked at the nivo-slider css and set the slider width to 100% instead of the 939px it was originally set at when I purchased the template but no luck. Can anyone please help me figure out why on earth it refuses to work on any browser and any platform when everyone else is having really good results with it.

the css currently looks like this:

slider-container{

width:939px !important;
height:472px;
overflow:hidden;
margin-left:1px;
}

slider{

width:939px !important;
height:472px;
margin:0;
padding:0;
overflow:hidden;
position:relative;
background:#fff url(../images/loading.gif) no-repeat 50% 50%;
}

/* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; }