お好み焼きkomugi様のドリンクメニューを変更しました

お好み焼きkomugi様
バタバタと忙しくドリンクメニューのところがＩＥでキレイに表示されないところがなかなか変更できませんでした
今日やっと変更しました
忙しい中考えた内容が
前回まではドリンクメニューの中を左と右に分けてその中を左と右に分けて合計4等分にしてましたが、ＩＥでは中の中のfloatがちゃんと表示されませんでした
今回はメニューを左からひとつのまとまりとしてliでくくり、４つのliにしました
liは150ピクセルfloat左に設定しました
html内容(ドリンクメニュー)

麦焼酎


天の刻印


酔麦香


黒糖焼酎


れんと


芋焼酎


黒霧島


亀五郎


純　黒






 


------------ 450円


------------ 480円


 


------------ 480円


 


------------ 450円


------------ 500円


------------ 480円










ボトルキープ


ボトルキープ




ボトルキープ




ボトルキープ


ボトルキープ


ボトルキープ










------------ 3000円


------------ 3000円




------------ 3000円




------------ 3000円


------------ 3000円


------------ 4000円










数量限定おすすめ焼酎


田伝夢詩(でんでんむし）　------------ 550円 

 　　赤霧島　------------ 500円

divでくくっているのが気になりますが今回はこれで行きます
たぶんspanでくくってもいいような気がしますが・・・。
CSS内容

.drink {

	margin-right: auto;

	margin-left: auto;

	text-align: left;

	border: 1px solid #FF3300;

	list-style-type: none;

	width: 700px;

}

.drink .drink_waku {

	padding-top: 10px;

	padding-bottom: 10px;

	margin-right: auto;

	margin-left: auto;

	width: 600px;

}

drink_waku ul {

	margin-right: auto;

	margin-left: auto;

}

.drink li {

	text-align: left;

	display: inline;

	float: left;

	width: 150px;

}



.drink .top {

	font-size: 18px;

	font-weight: bold;

	color: #000000;

	letter-spacing: 10px;

	line-height: 30px;

	height: 30px;

}

.drink .space_drink {

	height: 20px;

	font-size: 16px;

	line-height: 20px;

}



.drink .name {

	color: #000000;

	margin-left: 30px;

	line-height: 20px;

	height: 20px;

	font-size: 16px;

}

.drink .keep {

	font-size: 16px;

	color: #0000FF;

	line-height: 20px;

	letter-spacing: 5px;

	height: 20px;

}