Drop Menus are not working

[hananim1004]

1) Script Title: Chrome CSS Drop Down Menu (v2.01)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem: My drop menu isn't working. I can link the head link to other outside webpages, but when you hover over it, the drop menu's don't come down. I'm working in php, but I don't think that should have any problems with it, but I could be wrong. The .js file and the other files are in the appropriate folders and everything else is working. The following is what I have written out.



<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="index.php?content=home">Home</a></li>
<li><a href="index.php?content=aboutus">About Us</a></li>
<li><a href="index.php?content=calendar">Calendar</a></li>
<li><a href="#" rel="dropmenu3">Roster</a></li>
<li><a href="#" rel="dropmenu4">Photos</a></li>
<li><a href="#" rel="dropmenu5">Newsletter</a></li>
<li><a href="#" rel="dropmenu6">Contact Us</a></li>
<li><a href="#" rel="dropmenu7">Links</a></li>
</ul>
</div>

<div id="dropmenu3" class="dropmenudiv">
<a href="index.php?content="execboard">2007 Executive Board</a>
<a href="index.php?content="actives">2006-2007 Actives</a>
<a href="index.php?content="composite0506">2005-2006 Composites</a>
</div>

</div>

http://rhopiphi.com/website/index.php?# is the website that I'm trying to make it work on in case you need it.

Thank you in advance!

[ddadmin]

You forgot to initialize the script at the end of your page:


<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

Also, note that you have id="dropmenu3" used in two different drop down DIVs- this value must be unique for each DIV.

[hananim1004]

thank you thank you thank you!!!!

[ddadmin]

Yep you did :) The code:


<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

needs to go at the end of your page, or at the very least following all your DIVs. Please see the demo page inside the zip file for a complete example.