.caixa

Oi, Luis, tudo bem?

Você poderia compartilhar o seu código css? Assim posso entender melhor o porquê desse comportamento.

body{

}

.principal{
    background-color: #cccccc;
    padding: 30px;
}

#banner{
    width: 100%;
}


h1{
    text-align: center;
}

p{
    text-align: center;
}

.beneficios{
    background-color: #ffffff;
    padding: 20px;
}

ul{
    display: inline-block;
    vertical-align: top;
    width: 10%;
    margin-right: 15%;
}


.imagemBeneficios{
    width: 50%;
}

Oi, Luis!

Acredito que a classe .caixa é da página de produtos? A sua estilização da classe .caixa, está dessa forma?

.caixa {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

E o seu nav, dessa forma?

nav {
    position: absolute;
    top: 110px;
    right: 0;
}

Caso o seu nav não esteja com o position: absolute ele irá ter o comportamento de levar o menu para parte de baixo do header.