Ciao a tutti, ho un problema con Explorer 6 (col 7 e con Firefox funziona tutto bene).
Ho un div "news" con una lista.
Con IE6 la lista esce dal div news e dal div box1.
Vorrei invece che comparisse lo scroll (come con IE7 e FF)
Il probema sembra essere nella classe .menu2
codice:<div id="news"> <h2>news</h2> <div class="box1"> <ul class="menu2"> [*]1 [*]2 [*]3 [*]4 [*]5 [*]6 [*]7 [*]8 [*]9 [*]10 [*]11 [*]12 [/list] </div> </div> </div>
CSS
codice:#ciao, #news{ float: right; top: 0; margin: 42px 5px 0 20px; padding: 14px 0 0 0; line-height: 0.8em; width: 217px; height: 165px; overflow:hidden; background:url(../img/box_top_yellow.png) no-repeat top center; behavior: url(iepngfix/iepngfix.htc); } #news{ float: right; top: 0; margin: 42px 5px 0 20px; padding: 14px 0 0 0; line-height: 0.8em; width: 217px; height: 165px; overflow:hidden; background:url(../img/box_top_yellow.png) no-repeat top center; behavior: url(iepngfix/iepngfix.htc); } .box1 { height: 135px; overflow-x:hidden; overflow-y: auto; } /* menu 2 */ ul.menu2 { width:99%; text-align: center; margin: 0; padding: 0; background:#fff; border-left: 1px solid #E5E6E6; border-right: 1px solid #E5E6E6; } ul.menu2 li a { width:90%; /*display: block; */ text-decoration: none; padding: 0; height: 1.5em; line-height: 1.5em; } ul.menu2 li { display: list-item; text-align: left; margin: 0 0 0 5px; list-style-image:url(../img/arrow.gif) outside; } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/ ul.menu2 li a:link, ul.menu2 li a:visited { background:#fff; color: #0079C4; } /* colori per il link */ ul.menu2 li a:hover, ul.menu2 li a:active { background: #F9C700; color:#c00; } /* colori per l'effetto roll-over */ ul.menu2 li a:hover, ul.menu2 li a:active { background: #F9C700; color:#182152; }

Rispondi quotando