Nakładanie elementów div

[darknez]

Witam.

Chcę, aby menu (dokładnie zaznaczenie - hover) było nad logiem (header). Ciągle chowa się pod logo. Oto kod:

#strona_header {
width: 100%;
background: #fff;
}

#header {
clear: both;
width: 960px;
height: 200px;
margin: 0 auto;
padding: 0 10px;
background: url(images/header.jpg) no-repeat;
}

#header p {
clear: both;
padding-left: 50px;
width: 500px;
font-size: 18px;
font-style: italic;
line-height: 26px;
}

#strona_menu {
width: 100%;
height: 80px;
margin: auto;
background: url(images/strona_menu.jpg) repeat-x;
}

#menu {
width: 1100px;
height: 80px;
margin: 0 auto;
padding: 0 30px;
}

#menu ul {
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#menu ul li {
padding: 0px;
margin: 0px;
display: inline;
}

#menu ul li a {
position: 2px;
float: left;
width: 152px;
display: block;
height: 45px;
padding: 35px 0 0 0;
text-align: center;
font-size: 13px;
text-decoration: none;
color: #008400;	
font-weight: bold;
outline: none;
}

#menu li a:hover, #menu li .current {
color: #106fb8;
background: url(images/menu_hover.jpg) bottom no-repeat;
}

Proszę o pomoc jak to zrobić, żeby menu a:hover było nad header?

[pyzdera]

Brakuje mi tu kodu html do wglądu, ale - zainteresuj się z-index dla css

[Valof]

Daj do elementów w pliku CSS, które mają być na samej górze coś takiego:

z-index: 10;

Powinno pomóc