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; ... show more 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 5