ナビゲーション横並びについて質問です。

CSSでレイアウトをすると、前のロールオーバーで設定した画像の下に空きができてしまいました。li{heigt: 28px;}と指定したら空きは詰まったのですが、widthも指定した方が良いのでしょうか？あと、画像を横並びにする場合はサイズを指定するので、li{display: block;}になりますか？両方試しましたがプレビューは同じでした。

li{
	display: block;
	float: left;
	height: 28px;
}

ナビゲーション

ナビボタンはリスト項目にする
リスト項目を横に並べる
リストマーカーを消す

ul{

list-style:none;

}
li要素をインラインボックスにして横に並べる

・インライン要素は幅や高さを指定できない

li{

display: inline;

}
li要素をブロックボックスにして横に並べる

ブロックボックスにはwidthが指定できるので、画像のボタンに利用

li{

display: block;

}