Наложение картинки фона поверх шаблона

Всем привет, сдела новый шаблончик для сайта, да вот закралась проблемка с одной из картинок фона. Есть картинка topmenu2.png (нижние части рук, так как верхняя часть является шапкой шаблона) края у неё с фоном, а центр прозрачный (сделан специально, чтобы при наложении были видны статьи сайта.



Так вот начала я её прописывать в .css

когда прописываю как #top {

Код (html):

1. #top {
2. margin:0 -354px;
3.     background-position:center top;
4.     background-color: transparent;
5.     background-image:url(../images/topmenu2.png);
6.     background-repeat:no-repeat;
7.         padding:0;
8.         width:1665px;
9.         height: 290px;
10. }

получается ерунда, текст уезжает вниз


когда прописываю как #bg_up {

Код (html):

1. #bg_up {
2. margin:0 -354px;
3.     background-position:center top;
4.     background-color: transparent;
5.     background-image:url(../images/topmenu2.png);
6.     background-repeat:no-repeat;
7.         padding:0;
8.         width:1665px;
9.         height: 290px;
10. }

то не вижу эту картинку на сайте вобще(


А должен сайт http://guards.ordenos.ru/ выглядеть вот так, чтобы ручки были на месте и на уровне текста


Подскажите, кто может помочь, что яд елаю не так, и что я должна написать в css, чтобы картинка корректно отображалась на сайте.

 

Код (html):

1. #top {
2. margin:0 -354px;
3.     background-position:center top;
4.     background-color: transparent;
5.     background-image:url(../images/topmenu2.png);
6.     background-repeat:no-repeat;
7.         padding:0;
8.         width:1665px;
9.         height: 290px;
10.         overflow: hidden;
11. }

прописала, но текст все-равно уехал вниз(

а вот это не поняла, с чем поиграть и что там сделать то?

или поиграй с z-index'ами

 

о, это понятно да)) только где с ними играть то в css?

 

Я так поняла мне надо текст теперь двигать вверх? ума не приложу где это делать