drop down menu wont stay

Hello...

Just wanna know how to make the drop down list stay so you can move the cursor on it and select it...

This is just stay if i hovered over the link....

HTML Code:

---

<style>

nav {
float:left;
}

nav a {
display:block;
padding:5px;
white-space:nowrap;
}

#bar {
left: -9999px;
position:absolute;
}

nav a:hover + #bar {
left:0;
position:absolute;
}



</style>

<nav>
<a href="?"> stay </a>
<div id="bar">
<a href="?">****ing </a>
<a href="?">active</a>
</div>


</nav>

---

First you need to create a proper HTML tags

HTML Code:

---

<ul id="nav">  [I]//you can also use <nav>[/I]
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>

---