nav#menu 
{
background-color: rgba(55,100,255, 1);
border-top: 1px solid rgba(7, 0, 0, 0);
font: 700 17px \"Arial\";
height: 33px;
padding: 5px;
width: 2000px;
z-index: 9999;
position: fixed;
top: 0px;
}
nav#menu ul {
    margin: 0 5px;
    list-style:none;
}
nav#menu ul li {
    float: top;
    margin-top: 2px;
    text-align:left;
    margin-right: 20%;
}
nav#menu ul li a {
    float: left;
    color: #ccc;
    text-shadow: 0 1px 0 #2B5356;
    padding: 5px 10px;
    text-decoration:none;
    text-align:left;
}
nav#menu ul li a ul li a{
    float: top;
    color: #ccc;
    text-shadow: 0 1px 0 #2B5356;
    padding: 5px 10px;
    text-decoration:none;
}
nav#menu ul li a:hover {
color: black;
background: #00FF7F;
}

 

<nav id=\"menu\">
<ul>
<li><a href=\"index.php\">Főoldal</a></li>
<li><a href=\"tortenet.php\">Történet</a></li>
<ul>
   <li><a href=\"#\">Text</a></li>
</ul>
<li><a href=\"asd.php\">asd</a></li>
        </ul>
</nav>

 
Azt szeretném megoldani, hogy a text a történet menüpont alatt jelenjen meg, ha a történet-re húzzuk az egeret. Tehát egy legördülő menüre lenne szükségem, aminek ugyan olyan a design-je, mint a menü-nek.
A css-be látszik, hogy próbálkoztam vele, de nem annyira sikerül. Aki tud segíteni, nagyon megköszönném

De jelen esetben ez nem 2 div, hanem 1...
És az ul részen belül van mégegy ul, ami a legördülő menü lenne.

Rendben, de a konkrét kódot, hogy alatta legyen és legördüljön ha ráhúzom az egeret meg tudná valaki írni? Mert mint már említettem próbáltam (igen, úgy is) de nem jött össze.

Kicseréltem a mostani design-t erre, és ment is. De sajnos nem tudom kombinálni a kettőt. Sehogy sem sikerül. Össze vissza csúszik az egész.
És mielőtt valaki kérdezné, tudom mi mit jelent (css-be) De nem sikerül megtalálnom a megfelelő kombinációt, hogy legördüljön, alá, és ne össze-vissza legyen.

[mod]Kérlek foglalkozz a témáddal![/mod]