Укладка фона: как сделать его видимым под другим div

Question

У меня есть два div столбца, и я применяю большой фон ко второму div и смещаю его с background-position влево. Мне бы хотелось, чтобы он оставался видимым во всей своей полноте и не скрывался под первым div, пока не используются отрицательные поля или другие забавные дела. Теперь это скрыто из-за переполнения: скрыто, конечно.. Есть идеи?

вот пример http://tinkerbin.com/UqYLFKZG.

Вот код:

HTML:

<div class="left">
<ul>
  <li>one item</li>
  <li>one item</li>
  <li>one item</li>
  </ul>
</div>
<div class="middle">
<ul>
  <li>one item</li>
  <li>one item</li>
  <li>one item</li>
  </ul>
</div>

CSS

.left {float:left;width:100px;}
.middle {overflow:hidden;background:url("http://farm8.staticflickr.com/7116/8163983721_1ed2414765_b.jpg") no-repeat;background-position:-400px -200px;}

РЕДАКТИРОВАТЬ: немного удивлен отрицательным голосованием; действительно, вопрос кажется слишком простым, чтобы ответить, потому что я, когда я удалил переполнение: скрытый, поскольку левый не был в нормальном потоке документа, содержимое середины перекрывалось с содержимым левого. Поэтому мне нужно было добавить немного левого поля или отступов, чтобы это исправить.

Answer 1

Решение состоит в том, чтобы удалить переполнение: скрытое И добавить поле left-left или padding left, равное размеру.left div, чтобы правильно позиционировать.middle.