как заставить div перекрыть содержимое другого????

div {

position: absolute;

left: ...px;

top: ...px;

}

копайте в сторону z-index:

Свойство z-index, элемент с большим значением z-index:2x перекрывает элемент с меньшим значением z-index:1x

Если я не ошибаюсь z-index не всеми браузерами нормально воспринимается. как вариант можно сделать

<style>
#div1 { position:relative;}
#div2 { positon:absolute; top:...; left:..;} /* здесь задаются отступы слева сверху от родительского дива */
</style>
...
<div id="div1">
  <!-- этот див накрыть -->
  <div id="div2">
    <!-- этим накрыть -->
  </div>
</div>

свойство z-index

Описание

подробнее тут

ошибаетесь. Ибо Ваш пример, какраз, оснаван именно на этом. Ведь z-index присваивается автоматически. Вопрос только в том, до каких значений он поддреживается до 100 -1 000 -10 000

Он поддерживается до любого порога, только IE 6 (можт и 7, не уверен), не воспринимает отрицательные значения.

Не лучшее решение.