div внутри table

[maximt]

делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img.

картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden

.slide_container
{
	border:1px solid #DDDDDD;
	overflow:hidden;
	width:100%;
}
.slide_wrapper
{
	white-space: nowrap;
}

<div class="slide_container">
	<div class="slide_wrapper">
	   <img src="/1_image.jpg" alt="">
	   <img src="/2_image.jpg" alt="">
	   <img src="/3_image.jpg" alt="">
	   <img src="/4_image.jpg" alt="">
	   <img src="/5_image.jpg" alt="">
	   <img src="/6_image.jpg" alt="">
	   <img src="/7_image.jpg" alt="">
	   <img src="/8_image.jpg" alt="">
	   <img src="/9_image.jpg" alt="">
	   <img src="/10_image.jpg" alt="">
	</div>
</div>

пример работает.

но когда встроил его в шаблон кмс, наткнулся на проблему - перестает работать внутри таблицы..

div-контейнер оборачивает весь wrapper, отображая все картинки, что не влезли, и растягивает таблицу

<table width="100%" >
	<tr>
		<td>left</td>
		<td> 
		center
		<div class="slide_container">
			<div class="slide_wrapper">
		<img src="/1_image.jpg" alt="">
	   <img src="/2_image.jpg" alt="">
	   <img src="/3_image.jpg" alt="">
	   <img src="/4_image.jpg" alt="">
	   <img src="/5_image.jpg" alt="">
	   <img src="/6_image.jpg" alt="">
	   <img src="/7_image.jpg" alt="">
	   <img src="/8_image.jpg" alt="">
	   <img src="/9_image.jpg" alt="">
	   <img src="/10_image.jpg" alt="">
		  </div>
		</div>
		</td>
		<td>right</td>
	</tr>
</table>

подскажите как выкрутиться? переверстать шаблон - нельзя

[Great Rash]

Попробуйте table-layout: fixed; для таблицы.

[maximt]

помогло, спасибо