Ciao,

ho un box (larghezza fissa) che puo' ospitare tabelle piuttosto larghe, per cui ho settato overflow-x: auto in modo che se il contenuto eccede la scroll bar appare.

Il problema è che all'interno del box ho un menu drop down che si espande verso il basso, ma viene nascosto dal bordo inferiore del box (impostando overflow-y:hidden).
In IE invece tutto funziona correttamente ed il menu si espande al di fuori del box container.

Come posso risolverlo anche per FF? Ho provato anche con z-index, ma nn serve.

codice:
.WPBodyContainer
{	
        width:96%;
	overflow-x:auto !important;
	overflow-y:hidden;
}

.menu ul, .menu ul ul {
	z-index:200;
	display: block;
}

/* initialy hide all sub menus */
.menu ul li div {
	visibility: hidden;
	position: absolute;
	z-index: 199;
}

/* display them on hover */
.menu li:hover>div {
	visibility: visible;
}