menu a tendina finisce sotto i contenuti

[pancio beretta]

....purtoppo il mio espediente si è rivelato fallimentare. Apparentemente funziona perchè la tendina va in primo piano, solo che nel box-contenuti ora il cursore non reagisce a nessun link o immagine.

Ho ripristinato lo stato originario e inserito la voce z-index in "navigation ul li:hover a" ma non ho ottenuto l'effetto sperato.

#navigation {

    width:100%;
    background:url(images/divider_nav.png) repeat-x left bottom;
    padding-bottom:2px;

}

#navigation li {

    background:url(images/divider_nav.png) repeat-x scroll left top;
    display:block;
    font-size:18px;
    color:#e6d6b9;
    font-weight:500;
    position:relative;
    text-shadow:rgba(0, 0, 0, 1) 0px 1px 0px;

}

#navigation li.first, #navigation li:first-child {

    background:none repeat scroll 0 0;

}

#navigation a {

    display:block;
    color:#e2d1bd;
    padding:12px 20px;

}

#navigation a:hover, #navigation li.current-menu-item a {

    color:#e2d1bd;
    background: rgba(70, 7, 6, 0.43);

}

/* Dropdown */

#navigation ul li:hover a {

    position:relative;
    z-index:1000;
    background:rgba(0, 0, 0, 0.4);
    text-decoration:none;

}

#navigation ul li:hover li a {
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color:#fff;

}