Chrome CSS Drop Down Menu Help

[TmD73]

Newbie here!

I searched the forum and could not find what I am looking for.

I am using a "what you see is what you get" program that allows you to drop html code into a particular spot on your web page. I know that this isn't the best way to go about it but it has been a good solution for me since it allows me to see what I am doing but still allows me to get creative with the html code. This was working great for me until I tried to us the Chrome CSS Drop Down Menu. Everything is working correctly except the drop down menus are too low and off to the right. Is there any way to correct this or is it just the nature of the "what you see is what you get" program?

Here is an example: http://www.debrotdesign.com/testpage.html
(Hover over "Services")

Also, is there a way to make "Services" clickable with the Chrome CSS Drop Down Menu?

Thanks,
TmD

[ddadmin]

Simply move the HTML for the drop down menus themselves plus the script at the end to initialize everything to the very end of the page, such as right above the </body> tag. In your case:

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">

<a href="http://www.debrotdesign.com/Rendering.html">3D Rendering & Virtual Prototyping</a>
<a href="http://www.debrotdesign.com/WebDesign.html">Web Design</a>
<a href="http://www.debrotdesign.com/SpacePlanning.html">Space Planning</a>
<a href="http://www.debrotdesign.com/TechDrawing.html">Technical Drawings</a>
</div>

<script type="text/javascript">

cssdropdown.startchrome("chromemenu")

</script>

</body>

The current container relationships is what's throwing off the drop down's position on the page.