使ってみよう！スタイルシート

横にならぶリンクは、display:inline;なので、
スペースがない場合や、コンパクトにまとめたい場合に適しています。
項目と項目のすきまが詰まった感じになるので（幅の指定ができない）、
少し余白を設定したい場合は、

display: inline-block;

を使います。

Firefox 2にはinline-boxの代わりに-moz-inline-boxを使い、
IE5〜7はdisplay: inlineを書きzoom:1;を指定（haslyaoutをtrueに）します。

div#footer {
	width:600px;
	padding: 1em 0 1em 0;
	margin: 4em auto 4em auto;
	clear: left;
	border-top:dashed #666 1px;
	border-bottom:dashed #666 1px;
}
div#footer ul {
	padding: 0px;
	margin: 0px;
	text-align:left;
/*	display: inline-block; */

}
div#footer li {
	width:150px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	display: inline-block;
	display:-moz-inline-box;　/*Firefox2用*/
	/display: inline;　　　　/*IE7以下用*/
	/zoom: 1; 　　　　　　　　/*IE7以下用*/
}