/*MENU*/
.cssvertical ul {
margin: 0;
padding: 0;
list-style: none;
width: 176px; /* Width of Menu Items */
border-bottom: 1px dashed #D3D5D7;
LIST-STYLE-TYPE: none;
}

.cssvertical ul li {
position: relative;
font-size:12px;
//setup here
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
BACKGROUND: #fff;
//BACKGROUND: url(images/dsprites.gif) no-repeat 0px 0px; //setup background
LINE-HEIGHT: 0em;
text-align:right;
}

.cssvertical li ul {
position: absolute;
left: 175px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
.cssvertical ul li a {
display: block;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;

color: #07A607;
background: #FFF; /* IE6 Bug */
padding: 5px;
border-top: 1px dashed #D3D5D7; /* IE6 Bug */
border-bottom: 0;

}
.cssvertical ul li a:hover{ /*Theme Change here*/
background-color: #87898B;
color:#FFF;
text-decoration:none;
}
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.cssvertical li:hover ul, li.over ul { display: block; }
.cssvertical li:hover ul ul, li.over ul ul {display: none;}
.cssvertical ul ul li:hover ul, ul ul li.over ul {display: block;}


/*END MENU*/


Hey

I managed to fix it by adding a background image (2x2px white block) to the subtier.
Keeps it open and doesn't even show the block. And Firefox/IE6 are still happy with it.

Dyrk



############################################################################

URL of working css rollover menu