Тянущийся список

[NickGray]

Всем добрый день.

Прошу помощи в решении проблемы.

Итак есть задача:

сделать галерею, наподобии этой: http://jqueryfordesigners.com/demo/slider-gallery.html

то есть список (<ul>) вытянутый в линию.

Если элементы списка - изображения. то никаких проблем, но в задаче стоит -

каждый элемент должен быть картинкой с текстом.

Проблема заключается в следующем: список нужно растянуть, без переноса на новую строку.

Но он переносится по краю радительского блока.

Пример (код сильно обрезан, если необходимо, могу выложить весь):

Для начала css

<style type="text/css">
#slider_gallery { /*Родительский блок. В нем и крутится галерея*/
  border: 1px solid #000;
  height: 132px;
  overflow: auto;/*Здесь стоит hidden, auto - для примера*/
  width: 300px;
}

#slider_gallery_list {/*Сам список*/
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
}

#slider_gallery_list li {
  display: inline; /*Вытягиваем список в линию*/
}

.slider_item {
  float: left;/*Элемент не могу сделать строчным, потому что нужны фиксированная высота и ширина, поэтому использыется обтекание*/
  width: 100px;
  height: 120px;
  margin-top: 5px;
}

Теперь сам html

<div id="slider_gallery">
  <ul id="slider_gallery_list">
	<li>
	  <div class="slider_item">
		<a href="#preview_big" class="preview">
		  <img src="preview.jpg" alt="" />
		</a>

		<div class="info">
		  <a href="#" class="category">Категория</a><br />
		</div>
	  </div>
	</li><!-- 
	--><li>
	  <div class="slider_item">
		<a href="#preview_big" class="preview">
		  <img src="preview.jpg" alt="" />
		</a>

		<div class="info">
		  <a href="#" class="category">Категория</a><br />
		</div>
	  </div>
	</li><!-- 
	--><li>
	  <div class="slider_item">
		<a href="#preview_big" class="preview">
		  <img src="preview.jpg" alt="" />
		</a>

		<div class="info">
		  <a href="#" class="category">Категория</a><br />
		</div>
	  </div>
	</li>
  </ul><!-- end #slider_gallery_list -->
</div><!-- end #slider_gallery -->

Прошу помощи, куда копать для решения этой проблемы, и можно ли вообще такое сделать?

UPD Сутки убил на решение проблемы. Но вдруг внезапно осенило - надо использовать таблицу. Проблема решена. Но вопрос остается. Можно ли сделать такое со списком?

Edited May 2, 2009 by NickGray