Keskustelu: Nettisivujen teko: Alalinkki karkaa hiiren alta

Vaikeeta löytää sopivaa otsikkoa.
Pikku pulma minun menu-valikon CSS-tyylissä.

Valikko on tämän tapainen.

<ul>
<li><a href="">Linkki 1</a>
    <div>
      <ul>
         <li><a href="#">alalinkki</a><li>
      </ul>
    </div>
<li>
</ul>

Vika on sellainen, että kun hiiren laitan tuon Linkki 1:n päälle ja yritän sitten siirtää hiirtä alalinkin päälle, se haihtuu näkyvistä.
Vika lienee jossakin tässä:

.box-content  > ul > li {
	position: relative;
	z-index: 20;
	padding: 6px 5px 5px 0px;
}
.box-content  > ul > li > a {
	font-size: 13px;
	color: #000000;
    font-weight:bold;
	line-height: 12px;
	display: block;
	text-decoration: none;
	padding: 6px 10px 6px 10px;
	margin-bottom: 5px;
	z-index: 1;
	position: relative;
}

Kun nuo molemmat piilottaa, kyseistä vikaa ei esiinny.
Alalinkin CSS on pääosin tämä:

.box-content  > ul > li > div {
	display: none;
	background: #FFFFFF;
    margin-left:100px;
    color:#fff;
	z-index: 2;
    width:250px;
	position: absolute;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 0px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: url('../image/menu-back.png');
}

.box-content  > ul > li:hover > div {
	display: table;
    line-height:14px;
}
.box-content  > ul > li > div > ul {
	display: table-cell;
}

Sinun pitää laittaa alempi valikko z-indeksillä ylävalikon päälle ja sijoittaa se sillä tavalla, että linkistä on mahdollista siirtyä valikkoon ilman, että hiiri käy matkalla li-elementin ulkopuolella. Tällä hetkellä alempi valikko on aika kaukana li-elementistä ja seuraava li-elementti sijaitsee valikon päällä ja siksi ”ryöstää” hiiren.

Kiitos.
Sain tämän testailemalla toimimaan. Auttoi kun muutin tuon ylemmän li-elementin tyyliä näin:

.box-content  > ul > li {
	z-index: 1;
	padding: 6px 5px 5px 0px;
}

Lisäksi hiukan sijoittelin tuota alalinkin div-laatikkoa osittain li-elementin "hännän" päälle.

Pääsisit varmaan helpommalla ottamalla turhat divit pois. Olen vääntänyt miljoonan näitä valikoita ja tarvinnut vain listoja, joten luultavasti divit ovat kaikki turhia.