Вёрстка

Привет, товарищи!

Прошу помочь разобраться с проблемой.
Есть футер, где по правой стороне фоном лежит часть листка. Выше футера нужно расположить блок в котором фон будет продолжением листка, т.е верхняя его часть.
Помогите разобраться, запарился уже... с блоками не очень дружу...

Страница на таблицах свёрстана. Знаю, устаревший метод...

P.S. Сейчас выложу кусок кода

Слава

CSS:

div#fbg {

  width: 397px;

  margin: 0 auto;

  height: 276px;

  background: url('../images/rb_bot.png') top right no-repeat;

  left: -157px;

  float: right;

  position: relative;

}

.......

<div id="fbg">&nbsp;</div>

<div id="footer">

    <div id="footer_content">

        <div id="fleft">

            <p><?php echo $designer; ?></p>

            <br>

            <!-- rA -->

        </div>

        <div id="fright">

            <p><?php echo $contacts; ?></p>

        </div>

    </div>

</div>

</body>

</html>

Скрин как это выглядит...

Нужно чтобы текст ложился поверх этого листка... как это сделать?

<div id="listok">

</div>

<div id="text">
blablabla
</div>

#text{
z-index:10;
}
#listok{
z-index:1;
}

Извините, не вдавался в подробности кода, смысл чтобы назначить z-index больше тому элементу(блоку), который должен быть поверх и меньше, который под ним должен оказаться.

konstantinskiy, чтобы работал z-index нужно еще position:relative;