table {clear:left;}/*don't like this solution but it might be the only one*/

ul.navLvl1 {
    list-style:none; 
    margin:0; 
    float:left; 
    width:100%; 
    padding:0; 
	background:#eeeee7; 
    border-top:1px outset #fff; 
    border-bottom:1px outset #fff;
}
ul.navLvl1 ul {list-style:none; margin:0; display:none; position:absolute; width:13.5em; background:#ffffff; padding:2px; border:1px outset #c0c0c0;}
ul.navLvl1 ul ul{top:0; left:97%;}

ul.navLvl1 a{display:block; text-decoration:none; padding:5px 7px; color:#000;}
ul.navLvl1 a:hover{background-color:#333366; color:white;}
ul.navLvl1 li{position:relative; float:left;}
ul.navLvl1 li li{float:none;}
* html ul.navLvl1 li li{display:inline;}
ul.navLvl1 li li a{padding:4px;}
* html ul.navLvl1 li li a{width:100%;}

/*
ul.navLvl1 li a#curPage {
    color:#FFFFFF;
    background:#317E01;
    border-bottom-color:#E5F1FF;
}
*/

/*IE ":hover"
NOTE: unlike background url, behavior url is relative to current url, not to .css
*/
ul.navLvl1 li{behavior:url(themes/default/css/listItemHover.htc);z-index:10;}

/*non-IE :hover*/
ul.navLvl1 li:hover{background-color:#317E01;}/*entire path highlighted; non-IE only*/
ul.navLvl1 li:hover > ul{display:block; left:100%; z-index:100;}
ul.navLvl1 > li:hover > ul{left:auto;}