Кнопки вверху внеси в свой список, чтоб не отрывать. Тег button использую только в формах и то... Оставь только "а". Добавь к навигации тег "nav", переходи на новую разметку. Относительно респонсив
@media screen and
Меню к примеру так оформи
<nav>
<ul>
<li><a href="#">Загрузить</a></li>
<li><a href="#">Помощь</a></li>
<li><a href="#">Документы</a></li>
<li><a href="#">Контакты</a></li>
<li><a class="btn" href="#">Зарегистрироваться</a></li>
<li><a class="btn" href="#">Войти</a></li>
</ul>
</nav>
nav > ul{
float: right;
margin-top: 10px;
}
nav > ul > li{
display: inline-block;
padding: 0 5px;
}
nav > ul > li > a{
color: #fff;
}
nav > ul > li > a.btn{
border: 1px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 4px 8px;
}
