Помогите с менюхой для сайта. Опции

[shim]

Такой вопрос.
Как заставить меню указаное на скрине наползать на шапку ??

 2010_02_07_190704.jpg ( 410.37 Кб ) Кол-во загрузок: 21


Вот что имею в CSS

КОД

/* Шапка */
#header-l {
    height: 125px;
    background: #FFF url(images/header-l.png) 0 0 no-repeat;
    position: relative;
    padding-left: 30px;
}

#header-r {
    height: 125px;
    background: #FFF url(images/header-r.png) right top no-repeat;
    position: relative;
    padding-right: 40px;
}

а вот что в самой менюхе

КОД

img {
    border: none;
}

.dock {
    position: relative;
    height: 50px;
    text-align: center;
}

.dock-container {
    position: absolute;
    height: 50px;
    padding-left: 20px;
}

a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Verdana, Helvetica;
}

.dock-item img {
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}

.dock-item span {
    display: none;
    padding-left: 20px;
}

Понимаю что проблема в позиционировании, но вот как это всё решить )))))))????

Брал всё от сюда....

 Theme_Braun.zip ( 179.76 Кб ) Кол-во загрузок: 1

[DjSalamander]

HTML-

<div id="header-1"></div><div id="header-2"></div><div id="header-3"></div><div id="header-4"></div><div id="header-5"></div><div id="header-6"></div><div id="header-7"></div><div id="header-8"></div><div id="header-9"></div><div id="header-0"></div><div id="madbanner"><img src="/images/madbaner top.gif"></div>


css

#madbanner {
position:absolute;
top:180px; left:500px;
}

примерно вот так, это банер наложеный на шапку

[shim]

Помогли добрые люди...
нужно было просто добавить наслоение с помощью z-index в файле media.css

.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;
z-index: 1000;

 2010_02_08_074329.jpg ( 230.87 Кб ) Кол-во загрузок: 14

[GoogleBot]