Untitled

<!doctype html>
<head>
<style type="text/css">
* {
    margin:0; padding:0;
}

html, body, #con, #con div {
    height:100%;
}

body {
    overflow: hidden;
}

#con {
    position:absolute;
    width:2800px;
    white-space: nowrap;
}

#con div {
    width:399px;
    background-color:#aaa;
    float:left;
    border-right:#eee dotted 1px;
}

#con div.first, #con div.last {
    background-color:#333;
}
</style>
<script src="jquery-1.7.1.min.js"></script>
</head>

<body>
    <div id="con">
        <div class="first"></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div class="last"></div>
    </div>
</body>
</html>