menu dropdown

[deansaddigh]

Hi guys, i have this site

 

http://www.languageschoolsuk.com/index.php

 

And i have this menu which is in an include file

 

<div id="menu">
	<ul>
		<li><a href="index.php">Home | <!--<img src="../images/house.png" alt="Home" class="floatleft"/>--></a></li>
            <li><a href="who_are_we.php">Who Are We? |</a></li>
            <li><a href="advanced_search.php">Advanced Search |</a></li>
		<li><a href="faq.php">FAQ |</a></li>
		<li><a href="course_enquiry.php">Course Enquiry |</a></li>
            <li><a href="coursecalculator.php">Course Calculator |</a></li>
		<li><a href="uk_videos.php">UK Videos |</a></li>
            <li><a href="student_photos.php">Student Photos |</a></li>
            <li><a href="visas.php">Visa Help |</a></li>
		<li><a href="view_all_schools.php">View All Schools |</a></li>
	</ul>
</div>

 

The css that references it is

 

/* Menu */

#menu {
border-top:thin solid #CCCCCC ;
width: 980px;
height:30px;
padding: 0;

background:#0092B5 url(images/page-title-bg.jpg) repeat-x scroll left top;
}

#menu ul {

margin: 0;
list-style: none;

}

#menu li {
float: left;
margin-top:-13px;
float: left;
}

#menu a {
display: block;
padding-left: 10px;
height: 39px;
padding-top: 15px;
font-family:verdana,Arial,sans-serif;
text-decoration: none;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
border: none;
}

 

I want to make when the user hovers over advanced search i want a drop down with 2 other links in it, Those links being simple search and advanced search.

Can anyone help me please.

[F1Fan]

I believe you're gonna need JavaScript to do that. You could also look into jQuery.