HTML/CSS drop down menu help!?

I have a menu that I like but can't figure out HOW to make drop down menus from them.

My CSS is

nav{

position:absolute;

width:600px;

height:40px;

top:47px;

right:-10px;

}

nav ul li{

float: left;

line-height:normal;

margin-left:15px;

}

nav ul li a{

font-size: 14px;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

color:white;

text-transform:capitalize;

font-weight:normal;

display:block; /* IE6, IE7 line height fix */

background-color:transparent;

text-decoration:none;

margin-top:3px;

padding:5px;

border-bottom: 3px solid #333333;

}

nav ul li a:hover{

color:#A80000;

}

and then the html is

<nav>

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="about.html">About</a></li>

<li><a href="warranty.html">Warranty</a></li>

<li><a href="process.html">Process</a></li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="reviews.html">Reviews</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

I tried a few different ways of adding things in, and I know my HTML for the drop downs was structured properly when I tried it. Can someone please just add in spaces for me to create drop down pages? Thanks!

Update:

I don't want to re do mine completely and I don't want spammed to your website, thank you. I just want whatever text needs to be added on to whatever I already have.

5 Answers

Relevance
Still have questions? Get your answers by asking now.