Float и Mozilla Firefox

Здравствуйте, подскажите пожалуйста следующее, кто сталкивался.

На Мозилле неправильно отображается Флоат. Всё съезжает и отображается не так как надо.

Сайт: http://shtab-progress.ru/

1. В Мозилле последние пункты верхнего прикреплённого меню слетают на строку ниже.

HTML:

<!-- Меню сайта -->
<div class="block-fixed">
<nav>
<div class="wrapper">

<div class="menu">
<ul>
<li><a href="#home">Главная</a></li>
<li><a href="#requirements">Наши требования</a></li>
<li><a href="#join">Поддержать</a></li>
<li><a href="#volunteer">Записаться волонтёром</a></li>
<li><a href="#team">Лица</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</div>

<div class="social-links">
<ul>
<li><a href="https://www.facebook.com/events/351248908406420" target="_blank"><img src="images/fb.png" alt="Антикризисный марш Фейсбук"></a></li>
<li><a href="https://vk.com/event87220980" target="_blank"><img src="images/vk.png" alt="Антикризисный марш В Контакте"></a></li>
</ul>
</div>

</div>
</nav>
</div>
<!-- Меню сайта -->

CSS:

.block-fixed {
position: fixed;
width: 100%;
height: 30px;
top: 0;
left: 0; 
}

nav {
background: #66cc66;
height: 30px; 
line-height: 30px;
}
	
nav ul {
margin: 0px; 
padding: 0px; 
list-style: none;
}
	
nav ul li {
display: inline;
}
	
nav li {
padding: 10px 12px;
margin: 0 -1px;
}
	
nav li a {
color: #fff; 
text-decoration: none; 
font-size: 18px; 
font-weight: 400;
font-family: "PT Sans", sans-serif;
}
	
nav li:first-child {
margin: 0;
}

.menu {
float: left;
}

.social-links {
float: right;
margin-top: 2px;
}

.social-links ul li {
padding: 0px 3px;
margin: 0 -1px;
}

.social-links img {
border: 0; 
}

2. В Мозилле карта внизу страницы сайта убегает направо по непонятным причинам. Что можно сделать?

3. (ну и дополнительно, авось кто подскажет) Как сделать так, чтоб сайт с мобилки отображался также как с пк?