CSSben hogyan oldható meg, hogy az almenüjeim csak akkor jelenjenek meg, amikor ráviszem az egeret az adott menüpontra?

/*----------------------ELSŐ SZINTŰ MENÜELEMEK KEZDETE----------------------*/

ul#navigation-1 /*menüt tartalmazó listaelemek tulajdonságai*/

{

margin:0;

list-style:none;

width:740px;

height:21px;

font:normal 11px verdana, arial, helvetica;

padding:0px;

}

ul#navigation-1 li /*menüpontok egymás mellett, főmenü gombjai*/

{

margin:0;

padding:0;

display:block;

float:left;

position:relative;

width:148px;

border:none;

}

ul#navigation-1 li a:link, /*menü listáinak linkjei*/

ul#navigation-1 li a:visited

{

display:block;

text-align:center;

text-decoration:none;

color:#ffffff;

width:148px;

height:21px;

border:none;

margin:none

}

/*----------------------MÁSODIK SZINTŰ MENÜELEMEK KEZDETE----------------------*/

ul#navigation-1 li ul.navigation-2 /*második szintu menüpontok eltüntetése,

pozíciója, mérete*/

{

margin:0;

border:1px black solid;

padding:1px;;

list-style:none;

display:none;

background:black;

border-left:solid white 1px;

width:148px;

position:absolute;

top:21px;

left:0px;

}

ul#navigation-1 li:hover ul.navigation-2 /*ha föléviszem a kurzort, megjelenik*/

{

display:block;

}

ul#navigation-1 li ul.navigation-2 li a:link, /*második szintu menü listáinak

linkjei*/

ul#navigation-1 li ul.navigation-2 li a:visited

{

clear:left;

height:21px;

width:148px;

border:none;

position:relative;

z-index:1000;

}

ul#navigation-1 li ul.navigation-2 li a:active,

ul#navigation-1 li ul.navigation-2 li a:hover

{

clear:left;

height:21px;

width:148px;

border:none;

padding:none;

margin:none;

position:relative;

z-index:1000;

}

/*----------------------HARMADIK SZINTŰ MENÜELEMEK KEZDETE----------------------

*/

ul#navigation-1 li ul.navigation-2 li ul.navigation-3

{

display:none;

margin:0;

border:1px black solid;

padding:1px;;

list-style:none;

position:absolute;

left:148px;

top:0px;

background:#ffffff;

z-index:900;

}

ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3

{

display:block;

}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited

{

background:black;

}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 a:hover

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 a:active

{

background:gray;

}

ul#navigation-1 li ul.navigation-2 li a span /*nyíl jobbra pozíciója*/

{

position:absolute;

top:0;

left:132px;

font-size:16px;

color:white;

}

ul#navigation-1 li ul.navigation-2 li a:hover span

{

position:absolute;

top:0;

left:132px;

font-size:16px;

color:#ffffff;

}

Jó, ezt röviden:

[link]