リキッドレイアウト（単位%）でネガティブマージンを使った要素の横並び例

px値の横並び例

.list-box {
	overflow: hidden;
	*zoom: 1;
	max-width: 320px;
}

.list-box ul {
	margin: 0 -10px 0 0; //ネガティブマージン
}

.list-box li {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 0 0;
list-style: none;
	background: #f39c12;
}

%値の横並び例

横幅のサイズが違うのは、ウインドウの拡大・縮小でちゃんとリキッドレイアウトになっているか確認できるようにした為です（320pxだと小さくて確認できなかったので・・）

.list-liquid-box {
	overflow: hidden;
	*zoom: 1;
	max-width: 500px;
}

.list-liquid-box ul {
	margin: 0 -3.03% 0 0; //ネガティブマージン
}

.list-liquid-box li {
	float: left;
	width: 30.3%;
	height: 100px;
	margin: 0 3.03% 0 0;
list-style: none;
	background: #16a085;
}