Hiya, Mike,
That is ONE elaborate page!
Here's what you need to do:
- Move the
<script src="./Cremation urns for ashes including funeral urns, burial urns, pet urns by Mainely Urns_files/SpryMenuBar.js" type="text/javascript"></script>
<link href="./Cremation urns for ashes including funeral urns, burial urns, pet urns by Mainely Urns_files/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
into the head of your document. The CSS link especially needs to be in the head, not the body.
2. Rename your folders and pages (in the Files Panel) to eliminate spaces in the file and folder names. Not all browsers like them, and it really slows down rendering time.
3. Don't use
<font color="yellow"></font>
anywhere in your document. Make yourself a class style and apply it only to the text you want to color, as
.yellow {color: yellow;}
and apply it
<a class="yellow" or perhaps to the <li class="yellow".
The reason your menu is going all flooey is because you have code between the list items in the list (that's illegal), and you have unbalanced, overlapping tags...all of them the <font color="yellow">. They are easy to remove, and your menu should work immediately correctly when you remove them.
Thanks for posting the url. That's always the best way to troubleshoot code...in context.
Beth from Portland (right down the pike from you...)
