Drop down Navigation menue

[Amateur]

Dear Sirs

I have the following html code for my navigation:

<!-- menu -->
<div id="menu">
<ul>
<li><a href="#">Contacts</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>

I have the following style css for that menu:

/* Menu */
#menu{
background:url(images/menu_bg.gif) top left repeat-x;
width:960px;
height:31px;
margin-top:25px;
position:absolute;
}

#menu ul{
list-style:none;
margin:0px;
padding:0px;
}

#menu ul li{
float:right;
margin-right:15px;
margin-top:5px;
}

#menu ul li a{
display:block;
background:url(images/menu.png) top left no-repeat;
height:16px;
width:49px;
text-decoration:none;
color: #000000;
font-size:12px;
text-align:center;
cursorointer;
padding-left:25px;
padding-top: 2px;
}

Now I would like to expand the "Service" item with the help of a drop down
menu. Can someone tell me how?
Many thanks in advance.
Klaus

 

[Ronx]

Take a look at the dropdown menu described at

http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm

which includes the JavaScript required for IE6.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.