IE non visualizza il sottomenu con tema Wordpress

[vcarpini]

Ciao a tutti. Ho creato un sito utilizzando il tema free SimpleCorp di Wordpress. Il sito è www.libreriacipi.it. Riesco a visualizzare il sottomenu su tutti i browser tranne che su Internet Explorer. Qualcuno potrebbe aiutarmi se allego il main-css (solo la parte relativa alla header e navigation) del mio tema?. Grazie a chi saprà darmi una mano.

/*    HEADER,CONTAINER,LOGO, RESPONSIVE NAVIGATION
/* -------------------------------------------------- */
#page {
    height:auto;
    width:1020px;
    background:#FFF;
    -webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20); 
    box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);
    padding:0px;
    margin:50px 0 100px 0;
}
#header {
    height:150px;
    padding:0px 0 20px 0;
    float:left;
    width:100%;
}
#navigation-wrapper{float:right;}
#content {padding-bottom: 30px; padding-top: 20px; font-size: 14px;}
#logo{
    float: none;
    /*height: 55px;
    width:230px;
    background:url("../images/logo.png") no-repeat;
    text-indent:-9999px;*/
}
#logo-wrapper {
float:left;
width:240px;
height:200px;
}
#logo-wrapper h1 {
   margin-bottom: 0;
}
#tagline {
   margin:0;
   white-space: nowrap;
}
#responsive-social-menu{
    display: none;
    width: 100%;
    padding: 6px;
    font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
    border: 1px solid #ccc;
    color: #666;
   background:#fff;
    }
#responsive-main-nav-menu{
    display: none;
    width: 100%;
    padding: 6px;
    font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
    border: 1px solid #ccc;
    color: #666;
}
#page {
    height: auto;
    width: 1020px;
    margin:50px auto 100px;
    padding: 0px;
    }    
/* -------------------------------------------------- */
/*    Columns
/* -------------------------------------------------- */
.container {margin: 0 auto;position: relative;width: 940px;}
.one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column {float: left;margin-right: 20px;margin-bottom: 20px;}
.one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12{  margin-right: 0px }
.one-half { width: 460px }
.one-third { width: 300px }
.two-third { width: 620px }
.one-fourth { width: 220px }
.three-fourth { width: 700px }
.horizontal-line {width:100%;margin:30px 0;float:left;border-top:1px solid #e1e1e1; }

.one-fourth.widget-1, .one-fourth.widget-5 , .one-fourth.widget-9  { clear:both; }

/* -------------------------------------------------- */
/*    MAVIGATION
/* -------------------------------------------------- */
.downarrowclass {
    position: absolute;
    top: 53px;
    right: 5px;
}
.rightarrowclass {
    position: absolute;
    top: 10px;
    right: 10px;
}
#main-navigation select {    display: none }
#main-navigation {    float: right; }
 #main-navigation > ul {    margin: -30px 0 0 0px }
 #main-navigation ul li {
     list-style: none;
     float: left;
     position: relative;
 }
 #main-navigation li a {
     color: #898989;
     font-family: 'Dosis', 'Verdana', sans-serif;
     font-size: 16px;
     font-weight: normal;
/*     padding: 89px 3px 91px;*/
     padding: 89px 3px 91px;
     margin: 0px 0px 10px 0;
     position: relative;
     text-align: center;
     text-transform: uppercase;
     float: left;
     overflow: hidden;
     line-height: 20px;
 }
 #main-navigation ul li a:hover,
 #main-navigation ul li.current-menu-ancestor > a,
 #main-navigation ul li.current-menu-item > a {
     color: #9dcedf;
     background: #f8f8f8;
     border-bottom: 3pt solid #9dcedf;
 }
 #main-navigation ul ul li a {
     display: block;
     float: none;
 }
 #main-navigation ul ul {
     background: url("../images/menu-drop-bg.png") 20% 0% no-repeat;
     padding-top: 8px;
     display: none;
     left: 0;
     margin-top: -18px;
     position: absolute;
     width: 175px;
     z-index: 99;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
 }
  #main-navigation ul ul ul {
      background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat;
      padding-left: 8px;
      display: none;
      left: 0;
      position: absolute;
      width: 175px;
      z-index: 99;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
  }
   #main-navigation ul ul ul  ul {
       background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat;
       padding-left: 8px;
       display: none;
       margin-left: 10px;
       left: 0;
       position: absolute;
       width: 175px;
       z-index: 99;
       border-radius: 2px;
       -moz-border-radius: 2px;
       -webkit-border-radius: 2px;
   }
  #main-navigation ul ul  li,
  #main-navigation ul ul  li a {
      padding: 0px 0 0 0px;
      margin: 0px;
      color: #FFF;
      background: #615951;
      font-family: "Arial", "Verdana";
  }
  #main-navigation ul ul  li { }
  #main-navigation ul ul li {    float: none }
 #main-navigation ul li {
     padding: 0;
     margin: 0 0 0 20px;
 }
 #main-navigation ul ul a {
     border: 0;
     color: #fff;
     display: block;
     font-size: 11px;
     font-weight: 400;
     padding: 5px 10px !important;
     text-align: left;
     margin: 0;
     text-transform: none;
 }
 #main-navigation ul ul a:hover,
 #main-navigation ul ul .hover > a,
 #main-navigation ul ul .current-menu-item > a,
 #main-navigation ul ul .current-menu-item > a:hover {
     background: #9dcedf ;
     color: #fff !important;
     border: 0 !important;
 }
 #main-navigation ul li ul {
     position: absolute;
     left: 0px;
     display: block;
     visibility: hidden;
     margin-left: 0px;
     top: 0;
 }
 .downarrowclass,
 .rightarrowclass {
 width:8px;
 height:8px;
 background:url(../images/plus.png) top left no-repeat;
 display:inline-block;
    position: absolute;
    right: 5px;
    top: 53px
 }
 .rightarrowclass {
 background-image:url(../images/plus-white.png);
 }
 /* ---------------------------------------------------------------------- */

[partime]

Ho controllato il tuo sito su Internet Explorer 8 e il sottomenù si vede senza problemi. Messo in modalità compatibilità (che quindi lo dovrebbe trasformare in Internet Explorer 7) invece il sottomenù non compare ma c'è questo errore:

Previsto identificatore, stringa o numero
Linea: 95
Carattere: 2
Codice: 0
URI: http://www.libreriacipi.it/wp-content/themes/simplecorp/library/js/behaviours.js?ver=3.6

Internet Explorer 7 è molto schizzinoso e in quel codice JavaScript alla fine della riga 94 c'è una virgola che non ci dovrebbe essere e che fa imbestialire quel browser. Prova a togliere quella virgola e vedi cosa succede. Di più non ti so aiutare. Tu con quale versione di Internet Explorer hai provato?

[vcarpini]

Ciao
Io ho provato con IE7 ma con IE8 anch'io lo vedo benissimo.
Intanto ho tolto la virgola di troppo ma adesso non ho potuto testarlo direttamente su IE7. Comunque come browser è già obsoleto e non voglio fare tropo la pignola :-).
Grazie per la dritta!