Salve a tutti, sono ai miei esordi in html e vorrei includere nel mio blog su Blogger un menu a tendina.
Ho provato con diversi menu trovati su diversi siti internet, ma mi fanno tutti questo errore di visualizzazione: non si apre la tendina, o in alcuni casi sembra che si apra ma rimane dietro al testo sottostante e non si vede nulla.
Ho pensato che forse Blogger non digerisce i jqueryes e allora ho cercato un'alternativa che non li usasse; ho trovato questo:
codice:


            <style type='text/css'>
            #Scuolimenu {
                background: #221c1c !important;
                width: 100%;
                color: #FFF;
                    margin: 0px;
                    padding: 0;
                    position: relative;
                    border-top:0px solid #a70100;
                    height:35px;
            }
            #Scuol {
                margin: 0;
                padding: 0;
            }
            #Scuol ul {
                float: left;
                list-style: none;
                margin: 0;
                padding: 0;
            }
            #Scuol li {
                list-style: none;
                margin: 0;
                padding: 0;
                    border-top:1px solid #444;
                   border-bottom:1px solid #444;
                    height:35px;
            }
            #Scuol li a, #Scuol li a:link, #Scuol li a:visited {
                color: #FFF;
                display: block;
                font:normal 17px Arial, sans-serif;    margin: 0;
                padding: 9px 12px 10px 12px;
                    text-decoration: none;
            }
            #Scuol li a:hover, #Scuol li a:active {
                background: #B8860B;
                color: #FFF;
                display: block;
                text-decoration: none;
                margin: 0;    
                padding: 9px 12px 10px 12px; 
            }
            #Scuol li {
                float: left;
                padding: 0;
            }
            #Scuol li ul {
                z-index: 9999;
                position: absolute;
                left: -999em;
                height: auto;
                width: 300px;
                margin: 0;
                padding: 0;
            }
            #Scuol li ul a {
                width: 140px;
            }
            #Scuol li ul ul {
                margin: -25px 0 0 161px;
            }
            #Scuol li:hover ul ul, #Scuol li:hover ul ul ul, #Scuol li.sfhover ul ul, #Scuol li.sfhover ul ul ul {
                left: -999em;
            }
            #Scuol li:hover ul, #Scuol li li:hover ul, #Scuol li li li:hover ul, #Scuol li.sfhover ul, #Scuol li li.sfhover ul, #Scuol li li li.sfhover ul {
                left: auto;
            }
            #Scuol li:hover, #Scuol li.sfhover {
                position: static;
            }
            #Scuol li li a, #Scuol li li a:link, #Scuol li li a:visited {
                background: #000000;
                width: 300px;
                color: #FFF;
                display: block;
                font:normal 17px Arial, sans-serif;
                margin: 0;
                padding: 9px 12px 10px 12px;
                    text-decoration: none;
            z-index:9999;
            border-bottom:1px dotted #444;
            }
            #Scuol li li a:hover, #Scuol li li a:active {
                background: #B8860B;
                color: #FFF;
                display: block;     margin: 0;
                padding: 9px 12px 10px 12px;
                    text-decoration: none;
            }
            </style>
Ma ora mi fa questo problema: la tendina si apre ma scorrendo in basso con il mouse sparisce prima che si possa navigarci, come se ci fosse uno spazio vuoto fra la parte alta del menu e la tendina che si apre.

voi riuscite a capire quale può essere il problema? O sapete indicarmi un menu che Blogger accetti senza problemi?
Grazie!