Как позиционировать один DIV поверх другого?

Вот допустим

----------------------------
|.......DIV 1............... ..| #div1 {background-color: red; width: 600px; height: 200px;}
|.................................|
----------------------------

----------------------------
|.......DIV 2............... ..| #div2 {background-color: orange; width: 600px; height: 200px;}
|.................................|
----------------------------

Как сделать так, чтобы DIV 1 чуть чуть налезал на DIV 2? Перекрывал сверху, немного.
И кстати, он еще и должен быть на переднем плане.

В итоге картинка должна получиться примерно такая:
----------------------------
|.......DIV 1............... ..| #div1 {background-color: red; width: 600px; height: 200px;}
|.................................|
---------------------------- <!----- вот тут DIV 1 налезает на DIV 2
|.......DIV 2............... ..| #div2 {background-color: orange; width: 600px; height: 200px;}
----------------------------

(Отредактировано автором: 14 Июля, 2011 - 17:21:55)

http://htmlbook[dot]ru/css/position
а что на что налазит ...поменяйте местами ...пробуйте
(Добавление)
смотрите абсолютное позиционирование

На счет позиционирования я почитаю.

А как на счет вывода на передний план, так чтобы другой слой был ЗА ним?

в css стилях используй z-index
примерно так

Не нужен.
Если второй див position: static; (по умолчанию)
То первый див, даже если он и выше в "стакане" страницы,
задать ему position: absolute; он выйдет на передний план.

-----
Шта? Репозиторий?

В DIV 2 прописываем:
margin-top: - 10px(или сколько вам надо px)
Если я Вас правильно понял.

Я думаю, мне хватит той информации которую вы мне дали.
Спасибо