CSS Menu Writer generated menu issue in Firefox sub menu getting cut off

I currently have a menu built and it displays properly in IE 7.0 but in firefox the sub menus are getting cut off? Ideally I want these sub menus to display left instead of right so if I can kill two birds with one stone that would be ideal?

Can someone please review my link and tell me what edits I need to do?


Mouseover Item one in the right handcolumn while in FF and you will see the problem:

index.php

Thanks in advance!

This is caused by the overflow hidden property on the #outerWrapper #contentWrapper #rightColumn1 #topBlue selector.

change:
#outerWrapper #contentWrapper #rightColumn1 #topBlue {
background-image:url(../images/rightBlue_01.png); height:auto;
background-repeat:no-repeat;
overflow:hidden;
height:950px;
}


to:
#outerWrapper #contentWrapper #rightColumn1 #topBlue {
background-image:url(../images/rightBlue_01.png); height:auto;
background-repeat:no-repeat;
/*overflow:hidden;*/
height:950px;
}

That worked great thanks! Is there a way to make the submenus float left instead of the default right?

you can use negative left margins on the sub menu for this.