Question

In the site i’m creating (http://ieangh.kroltan.eliti.com.br/ – all code here), my #content_wrap div jumps to the right when the first nav button is hovered, and its contents move down when any other navbuttons are hovered. It does’nt seem to find the problem in my CSS… I beleive that it’s something with the structure of my site, but i’ve tried putting the navbar in the #content_wrap, with no success.

Answer 1

The problem is that the min-height of your navigation buttons changes on hover:

.navbtn:hover {
    min-height: 28px;
}
.navbtn {
    min-height: 25px;
}

One way to fix the jump would be to compensate for the different height with margins:

.navbtn:hover {
    margin-bottom: 0;
}
.navbtn {
    margin-bottom: 3px;
}