Reputation: 583
I'm hoping someone more experienced in CSS can point me in the right direction. I have a menu created with UL HTML and styled with CSS and JQuery and everything works great. Now when I go to put content below the menu, when the menu gets dropped down the content below it is messed up.
I've created an example of what's happening here: http://jsfiddle.net/utdream/FchkJ/3/
My menu is working exactly how I want it to, but I need to make it so that the content below it does not change when the menu is opened. Is that possible?
I would prefer to not use position: absolute;
because I want the manu and the content below it to scroll naturally with the page. I'm just not sure it's possible.
Thanks in advance for any direction anyone can offer!
Upvotes: 1
Views: 49
Reputation: 1691
if you do not change the position of the content dropdown menu should have a position: absolute
must therefore to add .MainMenu {position: absolute}
and you have to fix the width of the drop-down menu
Upvotes: 1