Sample for scrolling DIV box. You can scroll horizontally or vertically using overflow-x or overflow-y

CSS stylesheet:
#preview{
color:#cc0000;
font-size:12px;
border:1px #ff0000 solid;
overflow: auto;
white-space: nowrap;
width: 300px;
}

.imgList{

max-height:150px;margin-left:5px;
border:1px solid #dedede;
padding:4px;
/* float:left; //not working in this case if you want div scrolling horizontally */

display: inline-block;
/* display:inline; not working in this case */
}

HTML page:

<div id='preview'></div>
<form id="imageform" method="post" enctype="multipart/form-data" action='ajaxImageUpload.php' style="clear:both">
<h1>Upload your images</h1>

<div id='imageloadstatus' style='display:none'><img src="loader.gif" alt="Uploading...."/></div>

<div id='imageloadbutton'>

<input type="file" name="photos[]" id="photoimg1" multiple="false" /> <p>&nbsp;</p>
<input type="file" name="photos[]" id="photoimg2" multiple="false" /> <p>&nbsp;</p>
<input type="file" name="photos[]" id="photoimg3" multiple="false"  /> <p>&nbsp;</p>

</div>
</form>
</div>