<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
#scrollable-container {
display: block; position: relative;
height: 75px;
background: #ddd;
}
.scrollable {
/* required settings */
position: relative;
overflow: hidden;
width: auto;
height: 75px;
margin: 0 25px;
}
a.browse {
display: block; position: absolute;
top: 32px; width: 16px; height: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<div id="scrollable-container">
<!-- "previous page" action -->
<a class="prev browse left disabled"></a>
<!-- root element for scrollable -->
<div class="scrollable" id="myimagescroller">
<!-- root element for the items -->
<div class="items">
<div><img src="" width="68" height="51" /></div>
<div><img src="" width="68" height="51" /></div>
<div><img src="" width="68" height="51" /></div>
</div>
</div>
<!-- "next page" action -->
<a class="next browse right"></a>
</div>
</body>
</html>
