• H
    User Newbie •

    problema visualizzazione menu con IE

    Ciao a tutti, ho trovato un menu orizzontale in css sulla rete del tipo pullup ovvero che le sottovoci vengono visualizzate vs l'alto e non in cascata vs il basso.
    il mio problema è che con firefox questo funziona correttamente, ma con explore non si aprono le sottovoci.
    sapete indicarmi il perchè e come risolvere il problema?

    il codice è il seguente:

    <div class="menu">
    <ul>
    <li><a href="chi_siamo.html">Chi siamo<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
    <li><a href="homepage.html" title="vai alla homepage con le notizie del museo">Homepage</a></li>
    <li><a href="palazzo.html" title="palazzo boccella la sede del museo il lucca">Palazzo</a></li>
    <li><a href="museo.html" title="lucca museum descrizione della struttura">Museo</a></li>
    <li><a href="organigramma.html" title="lucca museum organigramma">Organigramma</a></li>
    <li><a href="galleria_foto.html" title="galleria fotografica del museo di arte contemporanea">Foto Museo</a></li>

    </ul>

    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>

    <li><a href="dove_siamo.html">Dove Siamo<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->

    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>

    <li><a href="contatti.html">Contatti<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->

    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>

    <li><a href="archivio_mostre.html">Archivio Mostre<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>

    <li><a href="mostre.html" title="le mostre del museo">Mostre</a></li>
<li><a href="eventi_collaterali.html" title="eventi collaterali alle mostre del museo">Eventi Collaterali</a></li>


</ul>

    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>

    <li><a href="servizi.html">Servizi<!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->

    <ul>
    </li>
    <li><a href="membershipcard.html" title="vai alla pagina membership card">Membership Card</a></li>

    <li><a href="shop.html" title="vai al bookshop del museo">Bookshop</a></li>

<li><a href="caffetteria.html" title="vai alla pagina della caffeteria bar all'interno del museo">Caffetteria</a></li>


</ul>

    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    </ul>
    </div>

    il codice css è il seguente

    /**************************
    MENU
    **************************/

    #info {height:400px;}

    /* ================================================================
    This copyright notice must be untouched at all times.

    The original version of this stylesheet and the associated (x)html
    is available at
    Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any
    way to fit your requirements.
    =================================================================== */

    .menu {font-family: verdana, arial, sans-serif; width:975px; position:relative; font-size:11px; margin:50px auto;}
    .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:184px; height:25px; text-align:left; color:#ffffff; padding-left:10px; border:3px solid #fff; border-width:0 1px 1px 0; background:#bd282c; line-height:25px; font-size:11px;}
    .menu ul {padding:0; margin:0;list-style-type: none; }
    .menu ul li {float:left; position:relative;}
    .menu ul li ul {visibility:hidden; position:absolute;}

    .menu table {border-collapse:collapse; margin:0; padding:0px; font-size:1em; margin:-1px;}

    .menu ul li:hover a, .menu ul li a:hover {color:#000; background:#bd282c;}

    .menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:26px; left:0;}

    .menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#5f5f5f; color:#000;}

    .menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000;width:184px; clear:both;}

    .menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#dfc184; color:#000;}

    .menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

    .menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#5f5f5f; color:#fff; width:100%; padding-left:10px;}

    .menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#ececee; color:#000;}

    .menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

    .menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

    .menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#ececee; color:#000;}

    .menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

    .menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}

    0
Effettua l'accesso per rispondere