Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Auto height increase when the mouse hover the navigation

Auto height increase when the mouse hover the navigation

Problem

I've created a drop-down navigation with CSS only. If I Hover the button and the submenu comes out. But then the body will be higher. I don't want that the body will be higher. Here the files: http://jsfiddle.net/UHQV5/ I think the position: relative; is false.

Problem courtesy of: linuscl

Solution

How about this one?

added this:

nav ul ul{
    position: absolute;
    margin-left: -10px;
}

and removed some unnecessary ones.

jsFiddle

Solution courtesy of: Ismatjon

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Auto height increase when the mouse hover the navigation

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×