im trying to create a dropdown in my navigation bar. Im fairly new to javascript. Basically I want to have my navbar:

Home - About - Products - Contact

and when the user hovers over the products tab a div would appear something like this:

<div id="productDD"
<li>Product 1</li>
<li>Product 2</li>
<li>Product 3</li>
<li>Product 4</li>
<li>Product 5</li>

I know how to make a Javascript rollover, but I dont know how to make an entire div appear.

Any help would be greatly appreciated!