Как решить проблему с вертикальной прокруткой таблиц через CSS?

Question

[Дмитрий Петров]

Привет. Решил тут сделать таблицы на сайте прокручиваемыми по горизонтали для мобильных устройств и вот беда.
Несколько часов не могу понять в чем дело. Выглядит все так:

<div class="table-wrapper">
	<table>
		<tr>
			<td>content</td>
			<td>...</td>
			<td>content</td>
		</tr>
	</table>
</div>

В CSS прописываю overflow для wrapper'а так:

.table-wrapper {
	overflow-x: auto;
}

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

Пробовал добавить table-layout: fixed, но вызвало кучу других багов. Помогите пожалуйста решить проблему...