Question

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

Answer 1

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 */
}