Beiträge von oxymoron-design

Hallo zusammen,

ich habe ein recht ähnliches Problem - nur das meine Navigation hinter dem Content verschwindet. Auf der Startseite funktionier es (Slider eingebunden) aber bei den nachfolgenden Seiten leider nicht. Den z-index habe ich auch schon eingefügt, leider ohne Erfolg.
Ich würde mich über eure Unterstützung sehr freuen!
Vielen lieben Dank!

hier noch das mainmenu css:

#mainmenu {
width: 700px;
height: 20px;
float: right;
margin-top: 33px;
}
.mainnav {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
.mainnav * {
margin: 0;
padding: 0;
list-style: none;
}

.mainnav ul {
position: absolute;
top: -999em;
display: none;
}
.mainnav li {
float: left;
position: relative;
z-index: 9999;
height: auto;
line-height: 20px;
margin-left: 8px;
padding-right: 10px;
background: url(images/menulibg.png) no-repeat right;
}
.mainnav a {
display: block;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0;
color: #666;
text-transform: uppercase;
text-decoration: none;
}
.mainnav a:hover,
.mainnav li.current-menu-item a,
.mainnav li#current a,
.mainnav li.current-cat a,
.mainnav li.current_page_item a {
text-decoration: none;
color: #990000;
}
.mainnav li:hover {
text-decoration: none;
}
.mainnav ul li{
width: 100px;
}
.mainnav li:hover ul,
ul.mainnav li.sfHover ul {
left: -15px;
top: 15px;
padding-top: 12px;
width: 100px;
background: url(images/menuulbg.png) no-repeat bottom;
padding-bottom: 13px;
}
.mainnav li:hover li ul,
.mainnav li.sfHover li ul {
top: -999em;
}
.mainnav li li:hover ul,
ul.mainnav li li.sfHover ul {
left: 100px;
top: -12px;
}
.mainnav li:hover ul,
.mainnav li li:hover ul {
top: -999em;
}
.mainnav li li {
display: block;
padding: 0px;
height: auto !important;
border-bottom: dotted 1px #e8e8e8;
margin: 0;
background: #fff;
line-height: 25px;
}
.mainnav li li a:link,
.mainnav li li a:visited {
display: block;
height: auto !important;
text-transform: none;
color: #666;
font-weight: normal;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
border: none;
margin: 0;
padding: 0;
margin-left: 10px;
}
.mainnav li li a:hover {
color:#990000 !important;
}

width: 700px;
height: 20px;
float: right;
margin-top: 33px;
}

.mainnav {
margin: 0;
padding: 0;
list-style: none;
float: right;
}

.mainnav * {
margin: 0;
padding: 0;
list-style: none;
}

.mainnav ul {
position: absolute;
top: -999em;
display: none;
}

.mainnav li {
float: left;
position: relative;
z-index: 9999;
height: auto;
line-height: 20px;
margin-left: 8px;
padding-right: 10px;
background: url(images/menulibg.png) no-repeat right;
}

.mainnav a {
display: block;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0;
color: #666;
text-transform: uppercase;
text-decoration: none;
}

.mainnav a:hover,
.mainnav li.current-menu-item a,
.mainnav li#current a,
.mainnav li.current-cat a,
.mainnav li.current_page_item a {
text-decoration: none;
color: #990000;
}

.mainnav li:hover {
text-decoration: none;
}

.mainnav ul li{
width: 100px;
}

.mainnav li:hover ul,
ul.mainnav li.sfHover ul {
left: -15px;
top: 15px;
padding-top: 12px;
width: 100px;
background: url(images/menuulbg.png) no-repeat bottom;
padding-bottom: 13px;
}

.mainnav li:hover li ul,
.mainnav li.sfHover li ul {
top: -999em;
}

.mainnav li li:hover ul,
ul.mainnav li li.sfHover ul {
left: 100px;
top: -12px;
}

.mainnav li:hover ul,
.mainnav li li:hover ul {
top: -999em;
}

.mainnav li li {
display: block;
padding: 0px;
height: auto !important;
border-bottom: dotted 1px #e8e8e8;
margin: 0;
background: #fff;
line-height: 25px;
}

.mainnav li li a:link,
.mainnav li li a:visited {
display: block;
height: auto !important;
text-transform: none;
color: #666;
font-weight: normal;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
border: none;
margin: 0;
padding: 0;
margin-left: 10px;
}

.mainnav li li a:hover {
color:#990000 !important;
}