[numb]

Hallo an alle,

ich habe folgendes Problem; Ich habe zwei Elemente; einmal div und ul. Ich will den ul aktivieren, wenn ich div:hover habe. Das problem ist, dass div nicht in hover Form bleibt, falls man auf ul ist. Wie kann ich beide aktiv haben, wenn ich auf ul bin.

hier ist die HTML-Kode:

    
<div class="grid_2" id="nav-menu-container">
  <div class="nav-menu">Menü</div>
  <ul class="nav-menu">
    <li><a href="#">Menü 1</a></li>
    <li><a href="#">Menü 2</a></li>
    <li><a href="#">Menü 3</a></li>
    <li><a href="#">Menü 4</a></li>
    <li><a href="#">Menü 5</a></li>
    <li><a href="#">Menü 6</a></li>
    <li><a href="#">Menü 7</a></li>
    <li><a href="#">Menü 8</a></li>
  </ul>
</div>

hier ist die CSS-Kode:

#nav-menu-container {
  background:url(ico-MenuF.png) no-repeat;
  margin:0;
  color: #FFF;
}

.nav-menu{
  width: 100px;
  height:29px;
  font-size: 14px;
  font-weight: bold;
  padding-left:10px;
  padding-top:10px;
}

ul.nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index:999;
  display:none;
  border:1px solid #b80026;
  border-top:none;
  width:200px;
  height:385px;
}

.nav-menu:hover { 
  background:url(ico-MenuF-over.png);
  color:#b80026;
}

.nav-menu:hover + ul.nav-menu{ 
  float: left; 
  zoom: 1; /*Needed for IE*/
  z-index:999;
  display:block;
  position:absolute;
}

ul.nav-menu:hover {
  display:block;
  position:absolute;
}
 
ul.nav-menu li{ 
  background: #fbf7f6;
  color: #000; 
  border-bottom: 1px solid #d5d3cd; 
  float: none;
  padding:5px 0 5px;
  width:200px;
  left:0px;
}  
     
ul.nav-menu li a{
  display: block; 
  padding:10px 10px 10px; 
  color:#fff;
  font-family: Arial, Times New Roman, Tahoma;
  font-size: 14px;
  text-decoration:none;
  width: 180px; 
  color:#000000;
  background-color:#fbf7f6;
  font-weight:bold;
}

ul.nav-menu li a:hover{
  color:#b80026;
}

ul.nav-menu li:last-child{
  border:none;
}

[cebito]

Du siehst schon, das dein div vor der Liste wieder schließt. Also kannst du auch nicht mehr über dem div sein, weil du ihn verlassen musst um auf die Liste zu gelangen.