/*      root element for the scrollable.      when scrolling occurs this element stays still.  */
div.scrollable { /* required settings */
    position: relative;
    overflow: hidden;
    width: 5000px;
    height: 300px;
}
 /*      root element for scrollable items. Must be absolutely positioned     and it should have a super large width to accomodate scrollable items.     it's enough that you set width and height for the root element and     not for this element. */
div.scrollable div.items { /* this cannot be too large */
    width: 20000em;
    position: absolute;
}
 /*      a single item. must be floated on horizontal scrolling     typically this element is the one that *you* will style     the most. */
div.scrollable div.items div {
    float: left;
}
 /* you may want to setup some decorations to active item */
div.items div.active {
    border: 1px inset #ccc;
    background-color: #fff;
}