I am having problems with my drop down menus that is driving me absolutely mad with frustration. I thought that I found a fix in my CSS but they are still not working properly, or in the manner in which I wish they would work.

Here is what I am trying to do with the second menu. I want "View by discipline" to display directly under "Work". Once "View by discipline" is clicked on the "Print", "Printmaking", "Illustration", and "Photography" should display directly under "Work" and "View by discipline". All the "test" submenus are in their respective correct places. Basically I am just trying to move all the problem menus to the left so they will all line up nicely below one another.

Here is my link of the page as it exists with the crazy menus:


Thanks so much for any suggestions. This is killing me and I need to have it done by the end of the week.