Вёрстка. Наложение div`ов

Есть проблема:
есть шляпа (должна быть строго посередине), надо чтобы блок контента (изображение) на неё накладывался. Верстаю в div. Никак не могу добиться нормального отображения: то отображается не на шляпе, то вообще не отображается. Помогите плззз

update
наложить получилось, но т.к. position: relative - незнаю как расположить строго посередине в браузере

Добавлено через 21 минуту
проблему решил! тему килл

Nivans, может лучше, вместо закрытия темы, поделишься решением этой проблемы ? вдруг кому-то, так же как и тебе нужно будет поправить этот косяк ?

через z-index пробовал?

Чтобы накладывание было кросбраузерным, я всегда делаю его так:

[HTML]
<style type="text/css">
#site {
width:500px;
padding:0;
margin:0 auto; // это гарантирует центр всему сайту
// (но не работает под ИЕ6 и старше)
}
.header {
padding: 50px;
background: #000066;
}
.content {
width:200px;
padding: 100px;
left:0;
top:0;
margin: -50px 0 0 0;
background: #09F;
}
.footer {
padding: 20px;
background: #CCC;
}
</style>
...
<div id="site">
<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>
</div>
[/HTML]

Обрати внимание, что я спецом сделал контентную область по ширине меньше, чем остальные, чтобы проилюстрировать накладывание.

Идея же самого накладывания в том, что сначала пишем left:0; и top:0; а затем отрицательным марджином тянем елемент куда надо.

Но как показывает практика, таких трюков стоит избегать... ибо не к добру это ))