Hello

I have spent ages getting to this point and after checking everything over and over and over yet again I cannot figure out what is happening with the menus at the top of my page.

The first menu "Garrett Smith" operates fine. The sub menus appear directly under it as they should when it is moused over.

It is the second menu "Work" in which I am having a problem. When you mouseover "Work", "View by Discipline" should open directly underneath. Once "View by Discipline" is clicked the four submenus should then open, again directly underneath "Work" and "View by Discipline". Then once "Print", "Printmaking", "Illustration" or "Photography" is moused over the test menus should in turn pop up to the side of them lining up with the top of each, depending on which one is moused over.

I have checked my CSS, javascript and everything else over and over. I imagine it is something simple that I am simply overlooking as I have been searching though all of this for the better part of the day so it is all blending together.

Here is the link to the site if you need to see my attempts thus far:

http://garrettsmithprintdesign.com/

Any help would be greatly appreciated.

I have included an image of what I am trying to accomplish.