Проблема с DIV'ами

[Grenouer]

Задача. В тег ДИВ фиксированного размера вставить Н-ое число ДИВов, внутри которых будет хранится изображение.

Необходимо сделать прокрутку этих изображений в ДИВе, без использования скролл-бара.

Проблема:

1. Внутренние ДИВы переносятся на след. строку.

2. Не могу выровнять изображение во внутреннем ДИВе по-вертикали.

HTML:

<div class="photos_slider">
 <div><img src="/img/test_photo1.gif" border="0" alt=""></div>
 <div><img src="/img/test_photo2.gif" border="0" alt=""></div>
 <div><img src="/img/test_photo3.gif" border="0" alt=""></div>
 <div><img src="/img/test_photo1.gif" border="0" alt=""></div>
 <div><img src="/img/test_photo2.gif" border="0" alt=""></div>
 <div><img src="/img/test_photo3.gif" border="0" alt=""></div>
 <div><img src="/img/test_photo1.gif" border="0" alt=""></div>
 <div><img src="/img/test_photo2.gif" border="0" alt=""></div>
</div>

CSS:

div.photos_slider {overflow:auto; height:100px; width:880px; position:relative;}

div.photos_slider div {
 position:relative; padding:1px; margin-left:0 4px 0 4px;
 float:left; width:97px; height:97px; text-align:center;
 border:#E5E5E5 1px solid; background-color:#F9F9F9;
}

white-space:nowrap; - не помогает.

[homm]

Там, где дивы закусывают у дела, а семантические ? разводят руками, в бой идут старые добрые хардкорные таблицы.

Вот, гляньте примерчики:

http://euroset.ru/catalog/luxury/

http://12.lradio.ru/