Overflow и горизонтальный споллер

[AmateR]

Добрый день!

Есть блок <div>, в нем есть список выстроенный горизонтально. Если у <div> выставить размеры, так, чтобы горизонтальный список не умещался в блок и показать скролы то список сбивается в вертикальный, т.е. появляется только вертикальный скрол, а требуется, чтобы был горизонтальный скрол... В чем может быть проблема? Как можно поправить?

<div style="overflow: scroll ; height: 150px; width: 150px; border: 1px solid black">
	<ul "list-style: disc outside; padding: 0px 0px 0px 0px">
		<li style = "list-style-type: none; display: inline; float: left">
			<div style = "border: 1px solid black"><img src="ссылка на картинку 1"></div>
		</li>
		<li style = "list-style-type: none; display: inline; float: left">
			<div style = "border: 1px solid black"><img src="ссылка на картинку 1" style="width:70px; height:100px; vertical-align: baseline"></div>
		</li>
		<li style = "list-style-type: none; display: inline; float: left">
			<div style = "border: 1px solid black"><img src="ссылка на картинку 1" style="width:70px; height:100px; vertical-align: baseline"></div>
		</li>
	</ul>
</div>

[npofopr]

scroll-x наверно надо

[AmateR]

scroll-x наверно надо

Наверно все таки overflow-x? Пробовал, эффекта нет...

Edited November 1, 2012 by AmateR

[headstik]

http://jsfiddle.net/KCVAC/

[AmateR]

http://jsfiddle.net/KCVAC/

Спасибо! Все получилось!