Vysouvací menu v css

Zdravim,
potreboval bych udelat nejakym zpusobem vysouvaci menu.

<ul id="nav">
<li><a href="http://www.tondys.wz.cz/index1.html" class="item">Hlavní stránka</a></li>
<li><a href="http://www.tondys.wz.cz/clankyanazory.html" class="item">Články a názory</a></li>
<li><a href="http://www.tondys.wz.cz/obrazy.html" class="item">Fotografie vesmíru</a></li>
<li><a href="http://www.tondys.wz.cz/download.html" class="item">Stahování</a></li>
<li><a href="http://www.tondys.wz.cz/games.html" class="item">Flash hry</a></li>
<li><a href="http://www.tondys.wz.cz/vtipne.html" class="item">Vtipné</a>
<li><a href="http://www.tondys.wz.cz/sms.html" class="item">SMS brána</a></li>
<li><a href="http://www.tondys.wz.cz/guestbook.html" class="item">Kniha návštěv</a></li>
<li><a href="http://www.tondys.wz.cz/ankety.html" class="item">Ankety</a></li>
<li><a href="http://www.tondys.wz.cz/odkazy.html" class="item">Odkazy</a></li>
<li><a href="http://www.tondys.wz.cz/kontakt.html" class="item">Kontakt/O webu</a></li>
<li><a href="http://www.tondys.wz.cz/faq.html" class="item">Nápověda</a></li>
</ul>

lze to?

*myslim tim bez js

<ul id="menu">
<li><a href="#">MENU</a></li>
<ul id="nav">
<li>.......tvoje položky
<li>.......tvoje položky
</ul>
<ul>

#menu {display: block;}
#menu #nav {display: none;}
#menu:hover #nav {display: block;}

akorát to nepobere IE

IE toho nepobere
?:-/

To se mi cele rozpadlo, vubec nevim proc :(

<!--
BODY {CURSOR:url("http://www.tondys.wz.cz/cursor.cur")}
BODY{
scrollbar-face-color:#000000;
scrollbar-arrow-color:brown;
scrollbar-track-color:#006600;
scrollbar-shadow-color:#006600;
scrollbar-highlight-color:#006600;
scrollbar-3dlight-color:#009900;
scrollbar-darkshadow-Color:#006600;
background-color: #3C6449;background-image:url('http://www.tondys.wz.cz/ico/pozadi/sloupec.gif');
color: #E3FFE3;
}
div.Section1
{page:Section1;}

.divstyle {
position:absolute;
border: none;
width:auto;
top:0px;
left:0px;
z-index:10;
}

.pstyletitle{
filter: style=filter: alpha(opacity=90, finishopacity=90, style=1);
position: absolute; color: yellow; _color: #E5F9EC; font-size:
10px; font-family: verdana; border: 1px solid #68AF61;
background-color: #547457;

}
a:link {color: #68AF61}
a:visited {color: #68AF61}
a:active {color: #68AF61}
a:hover {color: #68AF61; text-decoration: none}
DIV.hr {background-color:#E3FFE3;color:#E3FFE3;}
BODY,#shouts {border:0;}
.prostredni {border-color:#067241;background-color:#547457;background-image:url('http://www.tondys.wz.cz/ico/pozadi/prostredni.gif');}
.sloupec {border-color:#067241;background-color:#1B7158;background-image:url('http://www.tondys.wz.cz/ico/pozadi/sloupec.gif');}
.podlogo {position: absolute; width: 997px; height: 81px; z-index: 02; left: 1px; top: 0px;border-color:#067241;background-color:#1B7158;background-image:url('http://www.tondys.wz.cz/podlogo.jpg');}
.velkapopiska {background-color:#1B7158;background-image:url('http://www.tondys.wz.cz/velkapopiska.png');}
UL {
LIST-STYLE-TYPE: none;
PADDING: 0px; MARGIN: 0px;
}
LI {
PADDING: 0px; MARGIN: 0px;
position: relative;
}
LI A {
position: relative;
font-size: 11pt;
font: bold;
font: italic;
text-align: center;
top: 75px;
_top: 81px;
left: 2px;
_left: 1px;
WIDTH: 140px;
HEIGHT: 20px;
text-decoration: none;
border:1px solid black;
DISPLAY: block;
BACKGROUND-POSITION: 0px 0px;
BACKGROUND-REPEAT: no-repeat;
}
LI A:hover {
BACKGROUND-POSITION: -153px 0px;
COLOR: black;
DISPLAY: block;
}
LI A:visited {
color: black;
}
LI A.item {
BACKGROUND-IMAGE: url("ico/tlacitko.jpg");
COLOR: black;
}
#menu {display: block;}
#menu #nav {display: none;}
#menu:hover #nav {display: block;}
-->

stejne to potrebuju i pro IE :/

človeče to bolo iba nakopnutie, ostatné parametre si musíš nastaviť sám.

no dobra :) ale na co mi tahle moznost je, kdyz ji nepodporuje IE?

buď to chceš aj pre IE, alebo bez JavaScriptu.

aha :( tak dik ;) on si nekdo javascript vypina, tak ja nevim mno

http://www.alistapart.com/articles/horizdropdowns/ .. funguje to i v IE... a JS tam máš jenom trochu... na zasouvání... kvůli IE 5... myslim.... myslim, že moudřejší řešení neseženeš...

Dik, promyslim to ;)

ja som pre Internal Error to svoje menu rozbalil hackom a už sa tou jeho neschopnosťou (alebo mojou lenivosťou) nemienim rožčuľovať.

popřípadě něco jako gif
jinak jako div globallink a subgloballink. Celej kód je dlouhej. Neznám ho na spaměť, tak ho někdy někde z DW widoluju

Co to meles za hovna 8-) lol :D