Explorer 6: lista esce dal div contenitore (con IE7 c'è scroll)

[i_am_antipop]

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

<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

#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;
}

[lila89]

per far vedere lo scroll anche ad IE6 devi mettere overflow:auto; in questo modo qnd nel contenitore è presente un elemento più grande vengpono aggiunte al contenitore le barre di scorrimento.

puoi anche specificare se mettere solo quella orizzontale ---- overflow-x:auto;
o solo quella verticale---- overflow-y:auto;

[i_am_antipop]

ti ringrazio per la risposta, ma cnhe così non funziona: compaiono le barre di scroll, ma la lista se ne infischia e continua a sbordare fuori...

[lila89]

...prova a dare uno stilo anche ad "a"

[axxe16]

togli gli overflow hidden su news (ce ne sono un paio) e metti overflow auto (non overflow-x:hidden; overflow-y: auto; )
poi aggiusta la larghezza con width del contenitore esterno