realizzato menù a tendina con css, internet explorer non lo legge bene

[cervelliamo]

ciao a tutti, ho realizzato un menù a tendina con i css, su firefox e chrome, il menù funziona bene, su ie quando si apre la tendina va sotto i banner e sotto le immagini non facendo vedere i sottomenù, potete dare un 'occhiata?
il blog è http://cervelliamo.blogspot.com
il codice del css è:

ul#cerv{
      font: 90%/1.5 Verdena,Tahoma,sans-serif;
      color: #fff;
      background: #2288BB;
      width:855px;
      height:26px;
      margin-left:7px;
      margin-top:-17px;
      line-height:26px;
      }
      ul#cerv,ul#cerv li,ul#cerv ul,ul#cerv ul li{
      margin:0;
      padding:0;
      list-style-type:none
      }
      ul#cerv a{
      display:block;
      padding: 0 12px;
      text-decoration: none;
      color:#FFF;
      }
      ul#cerv li{
      float: left;
      position: relative;
      }
      ul#cerv li li{
      float: none;
      line-height: 22px;
      width:200px;
      display:block !important;
      display: inline;
      }
      ul#cerv ul{
      position: absolute;
      top: 25px;
      left: -9999px;
      width: 12em;
      background: #fff;
      color: #2288BB;
      }
      ul#cerv ul{
      padding: 7px 0;
      border: 1px solid #2288BB;
      width:200px;
      }
      ul#cerv ul,ul#cerv li li a{
      background-color: #FFF;
      color: #2288BB;
      }
      ul#cerv li:hover,ul#cerv a:hover{
      background-color: #2288BB;
      color: #FFF;
      }
      ul#cerv li:hover ul,ul#cerv li.sfhover ul{
      left: -1px;z-index: 100;
      }

 

[borgo italia]

ciao
prova a dare un z-index a

ul#cerv{ 
      /*---*/
      z-index: 99;
}

 

[cervelliamo]

ciao
prova a dare un z-index a

ul#cerv{ 
      /*---*/
      z-index: 99;
}

come lo devo impostare, non sono esperto, puoi farmi un esempio?
grazie

 

[borgo italia]

ciao
cosi come ho scritto, nel css cerchi ul#cerv{ e prima della chiusura della parentesi graffa scrivi z-index: 99;

però è una prova non è detto che funzi

 

[cervelliamo]

non funzia

 

[borgo italia]

ciao
come ti ho detto era un tentativo (la pagina è alquanto complicata)
forse, ma dico forse, potresti provare a cercare il div (se è un div) dove è contenuto l'annuncio google e, lasciando lo z-index:99; nel ul#cerv{ vedere di mettere nel css dove determina il div per google z-index:1;
lo z-index è quello che determina l'ordine di sovrapposizione (più basso è il numero più il div sta sotto)

 

[cervelliamo]

non sono molto esperto, è possibile trovare 1 menu a tendina compatibile con tutti ti browser?
questo menù l'ho preso seguendo una guida in rete, ho visto sul loro sito ed il loro menù funge, posso pure postare il link dove ho seguito la guida
http://redazione.myblog.it/archive/2010/08/16/temp-667374c5cf7687faa19e6447d6ec4300.html

 

[borgo italia]

ciao
ho dato un occhio e secondo me non è un problema del menù, ma degli annunci google che con ie assumo una posizione preminente (almeno con ie)
cerca di individuare il punto dell'html in cui viene visualizzato google ed eventualmente posta quella parte di script

 

[cervelliamo]

potrebbe essere ma, se estendi la sezione informatica, anche all'interno del post non funge bene, sta sempre sotto

 

[borgo italia]

ciao
sempre lasciando in #cerv lo z-index: 99;
prova a cercare nella pagina questa parte di script e prova a modificare la riga
<div align="CENTER""> come ti ho scritto

<!-- tutto quello che c'è sopra -->
<div align="CENTER" style="z-index:1; "> 
<script type="text/javascript"><!--
google_ad_client = "pub-4233918545558876";
google_ad_host = "pub-1556223355139109";
/* 728x90, creato 28/10/09 */
google_ad_slot = "0243373461";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script><script src="http://pagead2.googlesyndication.com/pagead/js/r20101117/r20110208/show_ads_impl.js"></script><script src="http://pagead2.googlesyndication.com/pagead/expansion_embed.js"></script><script src="http://googleads.g.doubleclick.net/pagead/test_domain.js"></script><script>google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);</script><ins style="display: inline-table; border: medium none; height: 90px; margin: 0pt; padding: 0pt; position: relative; visibility: visible; width: 728px;"><ins id="google_ads_frame1_anchor" style="display: block; border: medium none; height: 90px; margin: 0pt; padding: 0pt; position: relative; visibility: visible; width: 728px;"><iframe allowtransparency="true" hspace="0" id="google_ads_frame1" marginheight="0" marginwidth="0" name="google_ads_frame" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4233918545558876&amp;output=html&amp;h=90&amp;slotname=0243373461&amp;w=728&amp;lmt=1297321082&amp;host=pub-1556223355139109&amp;flash=10.0.42&amp;url=http%3A%2F%2Fcervelliamo.blogspot.com%2F&amp;dt=1297330352630&amp;shv=r20101117&amp;jsv=r20110208&amp;saldr=1&amp;correlator=1297330352665&amp;frm=0&amp;adk=4272078220&amp;ga_vid=1528892421.1297327027&amp;ga_sid=1297330353&amp;ga_hid=1078685057&amp;ga_fc=1&amp;u_tz=60&amp;u_his=2&amp;u_java=0&amp;u_h=768&amp;u_w=1024&amp;u_ah=734&amp;u_aw=1024&amp;u_cd=24&amp;u_nplug=17&amp;u_nmime=74&amp;biw=999&amp;bih=549&amp;fu=0&amp;ifi=1&amp;dtd=83&amp;xpc=LS03yf4g3b&amp;p=http%3A//cervelliamo.blogspot.com" style="left: 0pt; position: absolute; top: 0pt;" vspace="0" width="728" frameborder="0" height="90" scrolling="no"></iframe></ins></ins>
</div>
<!-- tutto quello che c'è sotto -->

sto andando per tentativi, ma se non funzia così, per ora, non so più che dirti

 

[cervelliamo]

ho fatto le modifiche ma non so se ho fatto giusto:

ul#cerv{
z-index: 99;
font: 90%/1.5 Verdena,Tahoma,sans-serif;
      color: #fff;
      background: #2288BB;
      width:855px;
      height:26px;
      margin-left:7px;
      margin-top:-17px;
      line-height:26px;
      }
      ul#cerv,ul#cerv li,ul#cerv ul,ul#cerv ul li{
z-index: 99;
      margin:0;
      padding:0;
      list-style-type:none
}
      ul#cerv a{
z-index: 99;
      display: block;
      padding: 0 12px; 
      text-decoration: none;
      color:#FFF;
      } 
      ul#cerv li{
z-index: 99;
      float: left;
      position: relative;
      }
      ul#cerv li li{
z-index: 99;
      float: none;
      line-height: 22px;
      width:200px;
      display:block !important;
      display: inline;
      }
      ul#cerv ul{
z-index: 99;
      position: absolute;
      top: 25px;
      left: -9999px;
      width: 12em;
      background: #fff;
      color: #2288BB;
      }
      ul#cerv ul{
z-index: 99;
      padding: 7px 0;
      border: 1px solid #2288BB;
      width:200px;
      }
      ul#cerv ul,ul#cerv li li a{
z-index: 99;
      background-color: #FFF;
      color: #2288BB;
      }
      ul#cerv li:hover,ul#cerv a:hover{
z-index: 99;
      background-color: #2288BB;
      color: #FFF;
      }
      ul#cerv li:hover ul,ul#cerv li.sfhover ul{
      left: -1px; z-index: 99;
      }

<!-- tutto quello che c'è sopra -->
<div align="CENTER" style="z-index:1; ">
<script type="text/javascript"><!--
google_ad_client = "pub-4233918545558876";
google_ad_host = "pub-1556223355139109";
/* 728x90, creato 28/10/09 */
google_ad_slot = "0243373461";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<!-- tutto quello che c'è sotto -->

ancora non funziona

 

[cervelliamo]

mi sono messo a girare in rete e sono finito su un sito
http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx

ho messo il codice al template di blogger

<meta http-equiv="X-UA-Compatible" content="IE=9" />

ed ha funzionato, poi ho pensato, se tolgo il 9 e faccio cosi:

<meta http-equiv="X-UA-Compatible" content="IE" />

ha funzionato lo stesso, ma in poche parole, cosa ho fatto di preciso?
adesso è compatibile con altre versioni di ie?
come mai il menù su ie ci mette tempo ad aprirsi ed a selezionare e colorare i sottomenù?
devo togliere i z-index?
bho!
fatemi sapere

 

[borgo italia]

ciao

ma in poche parole, cosa ho fatto di preciso?

comunque con ie8 funzia e, se funzia, non ritoccherei nulla.

non so con le versioni precedenti

p.s.
comunque quello che hai fatto dal punto di vista sintattico è giusto

 

[borgo italia]

ciao
forse, ma dico forse, ho capito.
se guardi al link micro che hai postato di dice che z-index è supportato da ie8 e ie9 (beta) dai precedenti solo parzialmente quindi sembrerebbe che tu adegui la pag a ie9

il tutto se non ho capito male

 

[cervelliamo]

allora non tocco niente, lascio com'è, grazie dell'aiuto

 

[borgo italia]

ciao
ultimo consiglio: se hai un amico che abbia ancora ie6 o ie7 (credo che ie5 ormai non estista più) fai una prova per visualizzarlo