Horizontal scrolling div

I am stumped here guys.

Consider the following:

#ScrollWrapper {
width: 677px;
height: 141px;
background:#000000;
}

#apparelScroll {
width: 100%;
height: 141px;
background:#000000;
text-align:left;
overflow-y:hidden;
overflow-x:scroll;
text-align:left;
}

#apparelScroll img {
display:block;
padding: 0px;
border: 2px solid #ffffff;
margin: 5px;
float:left;
}

Now if the images in the div expand beyond 677px I want the div to scroll horizontally.

Is this possible using purely css? I suppose anything is possible!