Css Horizontal Scrolling Overflow With Jquery Slider

I'm trying to setup a full screen jquery slider. I've broken the project into two steps 1) css and 2) js. 1) CSS, below is a picture of what I'm shooting for (no fixed height) and

Solution 1:

You would need to start by setting the css of the container div to have a fixed width and overflow set to hidden so only what is within the area shows up:

#container{
  width:500px;
  height:200px;
  overflow:hidden;
}

How did you want the slider to work? Automatic? Button press? there are a few plugins that could probably take care of it automatically

Solution 2:

Look that thing: http://apirocks.com/html5/html5.html (Test with Chrome)