css flyout levels hover - keep alive the title hover

[nzizo]

Hello

 

html

<dl class="dropdown1">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"></dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
      <li><a href="test.html">test</a></li>
    </ul>
  </dd>
</dl>

 

css

.dropdown1 {float:left; padding-right:0px}
.dropdown1 dt {width:82px; padding:16px; font-weight:bold; cursor:pointer; background:url(../images/btn_header.jpg)}
.dropdown1 dt:hover {background:url(../images/btn_header_over.jpg)}
.dropdown1 dd {position:absolute; overflow:hidden; width:208px; display:none; z-index:200; opacity:0}
.dropdown1 ul {width:204px; list-style:none; border-top:none}
.dropdown1 li {display:inline}
.dropdown1 a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#FFFFFF; width:194px;}
.dropdown1 a:hover {background:#ccffcc; color:#000; text-decoration:none;}
.dropdown1 .underline {border-bottom:0px solid #b9d6dc}

 

and all I want is to keep activated this (dt:hover {background:url(../images/btn_header_over.jpg)}) when I rollover the sub menus,

thanks in advance

[vinpkl]

this link will help you

 

http://www.cssplay.co.uk/menus/dd_valid.html

 

vineet

[nzizo]

Okay, Im looking the http://www.cssplay.co.uk/menus/css/dropdown.css but still I don't get it.. can you make a simple example on mine?

 

thank you