Chrome Dropdowns Positioning Problem

[mdbiker]

1) Script Title: Chrome

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

3) Describe problem:
i have used chrome in the past successfully .... but on a new application i cannot seem to get the dropdowns positioned ....

the menu is where it should be and i thought the dropmenudiv would position the dropdowns but it doesn't seem to have an effect ...
the test page is http://naceda.org/mckneely-chromebio.php
and the first three menu items have menues (i am working with firefox - will worry about ie later)

so how does one position the dropdowns??

[ddadmin]

Most of the positioning problems with the drop down menus can be solved by making sure the HTML for the drop down DIVs themselves is outside any container tag on the page other than the BODY. So in your case, try moving all the drop down DIVs to the bottom of your page, just above the "</body>" tag:


<div style="position:absolute; top:-10px; left:-132px;">
<div id="dropmenu-home" class="dropmenudiv" style="width: 100px;">
<a href="index.php">officers</a>
<a href="index.php">committees</a>
<a href="directory.php#counties">county contacts</a>
</div></div>

<div id="dropmenu-about" class="dropmenudiv" style="width: 120px;">
<a href="about.php#ced">about CEDs/CDCs</a>
<a href="about.php#board">our BOARD</a>
<a href="about.php#staff">our STAFF</a>

<a href="members.php">our MEMBERS</a>
</div>

<div id="dropmenu-members" class="dropmenudiv" style="width: 120px;">
<a href="parks.php#md">maryland parks</a>
<a href="parks.php#maps">trail maps</a>
<a href="parks.php#guides">trail guides</a>
</div> <script type="text/javascript">cssdropdown.startchrome("chromemenu")</script>
<script type="text/javascript">cssdropdown.startchrome("chromemenu")</script>

</body>