.topNavUl { margin:0; padding:0; list-style:none; overflow:hidden; } .topNavLi, .topNavLiActive { float:left; line-height:35px; margin-left:-1px; } A.topNavA { padding:0 12px; background:url(images/top-menu-link.gif) repeat-y; color:#3f3f3f; font-weight:bold; text-decoration:none; } A.topNavA:hover, .topNavLiActive A.topNavA { color:#f00; } .topNavUl li {*position: relative;} /*Sub-menu box*/ .topNavUl li ul{ list-style:none; margin:0; padding:0; position:absolute; /*top:-999em;*/ top:auto; *bottom: 35px; *left: 0; display:none; z-index:500; height: auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ .topNavUl li li { line-height:25px; width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ .topNavUl li ul a { text-align:left; *display: block; } /*Items text color & size */ .topNavUl li a, .topNavUl li:hover li a, .topNavUl li.jshover li a, .topNavUl li:hover li:hover li a, .topNavUl li.jshover li.jshover li a, .topNavUl li:hover li:hover li:hover li a, .topNavUl li.jshover li.jshover li.jshover li a, .topNavUl li:hover li:hover li:hover li:hover li a, .topNavUl li.jshover li.jshover li.jshover li.jshover li a, .topNavUl li:hover li:hover li:hover li:hover li:hover li a, .topNavUl li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ .topNavUl li:hover li:hover a, .topNavUl li.jshover li.jshover a, .topNavUl li:hover li:hover li:hover a, .topNavUl li.jshover li.jshover li.jshover a, .topNavUl li:hover li:hover li:hover li:hover a, .topNavUl li.jshover li.jshover li.jshover li.jshover a .topNavUl li:hover li:hover li:hover li:hover li:hover a, .topNavUl li.jshover li.jshover li.jshover li.jshover li.jshover a .topNavUl li:hover li:hover li:hover li:hover li:hover li:hover a, .topNavUl li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } .topNavUl li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } .topNavUl li:hover ul ul, .topNavUl li.jshover ul ul, .topNavUl li:hover ul ul ul, .topNavUl li.jshover ul ul ul, .topNavUl li:hover ul ul ul ul, .topNavUl li.jshover ul ul ul ul, .topNavUl li:hover ul ul ul ul ul, .topNavUl li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } .topNavUl li:hover ul, .topNavUl li.jshover ul, .topNavUl li li:hover ul, .topNavUl li li.jshover ul, .topNavUl li li li:hover ul, .topNavUl li li li.jshover ul, .topNavUl li li li li:hover ul, .topNavUl li li li li.jshover ul, .topNavUl li li li li li:hover ul, .topNavUl li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; }