Search code examples
cssmenustylesfootereffect

Menu will push the Footer away

I've a problem with my Dropdown menu. When you hover it, it will push the Footer away, and it will create a freaky effect that you can scroll the whole page. (This is only when the dropdown reach the footer) I have tried lots of things like max-height etc, but it wont work.

Website: {fixed}

If you hover the 'Zippo' menu item, the freaky things will come.

How can i fix this?

Thanks! Wouter0100

Solution

  • You can set your dropdown menu position as absolute :

    #nav li ul {
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
   top: 25px;
   z-index: 99; /* edited */
}