problemer med css sub meny

[Stian89]

Hei, har ved hjelp av google rotet meg til hvordan man setter opp denne css menyen.

 

Problemet mitt er at når du holder musen over f.eks "Diverse", dukker det to sub menyer opp, som heter Tekster og Leser innlegg. Tingen er at Tekster og Leser innlegg også har submenyer, som desverre expander over hverandre.

 

Det jeg lurer på er, hvordan kan jeg få Tekster og Leser innlegg menyenes sub menyer til kun å vises ved hover på Tekster / Leser innlegg..

 

Veldig tungvint forklart, men håper at noen av dere forsto. Har nemlig strevd med dette ganske lenge nå, men får det bare ikke til, alle tips mottas med takk.

 

CSS:

body {
font-family: tahoma;
font-size: 12px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul li a:hover {
color: #666;
}
#arrow {
position: absolute;
right: 5px;
font-family: tahoma;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul { 
display: block; 
}

Endret 26. september 2005 av Stian89

[Stian89]

Ingen som har litt peiling? Hadde satt veldig pris på det