I have built my own menu system with drop downs and what not. I have run into a problem, maybe yall can help.
Everything works fine, except for my last drop down. When a user hovers over the main menu item, the drop down appears below it aligning the left side of the drop down with the left side of the menu item. Problem is, when the user resizes the screen or doesnt have a big enough screen to view the whole page, the drop down doesnt appear all the way. So for the last menu drop down, I want it to open aligning its right side to the right side of the main menu item.
I cant get the drop down to overlap the block before it, as it is in a nested list. Any thoughts/comments/help?