Sto cercando di fare un sito orizzontale affiancando una serie di div con float:left
Il problema č che questi div si affiancano fintanto che c'č spazio in orizzontale nella finestra del browser, dopo di che iniziano ad andare a capo e formano una struttura a griglia, invece di continuare ad allinearsi solo in una direzione e far comparire la scrollbar orizzontale.

Io invece vorrei ottenere un effetto come questi:
http://csszengarden.com/?cssfile=/058/058.css
http://www.thehorizontalway.com/

Ho usato:
codice:
html,body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#ccc;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%
}

div#container {
	text-align: left;
	margin: 0 auto;
	height:440px;
	background-color:#000;
	margin-top:50px;
}

div.box{
	float:left;
	background-color:#fff;
	margin:20px;
	width:250px;
	height:400px;
}

<body>
	<div id="container">
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
	</div>
</body>
Qualcuno ha qualche idea a proposito?