Позиционирование навигатора Ниже изображения

Question

На моем сайте, http://www.tokensofchange.org, единственный способ разместить мой навигатор в нужном месте - использовать стиль margin-top в CSS.

.nav { 
    margin-top:10.3%; 
    width: 70%; 
    background-color: #050936; 
    height:92px; 
    float: right; 
    border-top: 5px solid rgba(0,108,255,0.35); 
    } 

Если удалить margin-top: 10.3%, то Navbar выталкивается вверх под зелеными кнопками, показанными на сайте. Я не уверен, если фоновое изображение неправильно отформатирован нажать Navbar вниз:

.backgrounddiv { 
    background: url('/images/Background_Index3.jpg'); 
    padding-bottom: 2%; 
    background-size: 100% auto; 
} 

Две кнопки, отображаемые не имеют каких-либо стилей маржи включены, так что я не уверен, почему Navbar не сидит под заголовком с фоновое изображение, логотип и кнопки. Любые идеи очень приветствуются. Благодаря!

Answer 1

У вас есть отрицательный запас -9em на .wrapper div. Удалите это, и затем вы можете удалить margin-top:10.3%; из своей навигации.

Я надеюсь, что это поможет