CODEWITHSUNDEEP
jqueryhtmlcss
utdream
utdream

Reputation: 583

Getting a floating UL to properly cover a floating DIV

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

Answers (2)

Bugaloo
Bugaloo

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

Abdul Malik
Abdul Malik

Reputation: 2642

add this to your css 

#nav{position:absolute; z-index:999;}

Upvotes: 0

Related Questions