Объясните ошибку в коде

[alex.kv]

Добрый день! 

Никак не пойму почему у меня в хедаре следующая ерунда:

http://clip2net.com/s/ioDzH2

<header>		<div class="contener">			<div class="logo">				<img src="img/logo.png" alt="">				<h2>Professional oral care</h2>			</div>			<div class="english">				<a href="">In English</a></div>			<nav>				<ul>					<li><a href="#">О компании</a></li>					<li><a href="#">Продукты</a></li>					<li><a href="#">Выбери себе</a></li>					<li><a href="#">Общение</a></li>				</ul>				<ul>					<li><a href="#">Сотрудничество</a></li>					<li><a href="#">Карьера</a></li>					<li><a href="#">Контакты</a></li>				</ul>			</nav>			<div class="social">				<p>Мы на <a href="#">Facebook</a></p>			</div>			<div class="search">				<input type="text">				<input type="image">			</div>				</div>	</header>

.contener {	width: 960px;	margin: 0 auto;	font-family: "Helv";	font-weight: normal;	/*position: relative;*/}/*******************HEADER************************/header {	background: #ECF0F2;	overflow: hidden;	}.logo {	float: left;	margin: 39px 0 0 0;	width: 14%;	padding-left: 10px;}.logo h2 {	font-size: 14px;		font-weight: normal;	width: 50%;	margin: 8px 0 0 1px;}.english {	padding: 36px 0 0 24px;	float: left;	width: 12%;}.english a {	color: #818181;	font-size: 13px;	font-style: italic;}nav {	width: 40%;	overflow: hidden;	padding-top: 22px;}nav ul {	vertical-align: top;	list-style: none;	float: left;	padding-left: 45px;}nav ul li {	padding: 0 0 10px 0;}nav ul li a {	font-size: 14px;		color: #d0003e;}nav ul li a:hover {	text-decoration: none;}nav ul:last-child {	padding: 0 0 0 80px;}

Пытаюсь присваивать блоку social и search float: left, но они оказываются не на верху хедера, а внизу. Почему так получается?

[krait]

Присвойте блоку nav float: left тоже

[npofopr]

Откройте Инспектор кода/ Фаербаг и посмотрите. F12 если что. Там всё довольно визуально и понятно должно всё стать.

[alex.kv]

Присвойте блоку nav float: left тоже

 

спасибо! Не могу поверить что пропустил такую элементарную ошибку

Откройте Инспектор кода/ Фаербаг и посмотрите. F12 если что. Там всё довольно визуально и понятно должно всё стать.

постоянно пользуюсь Инспектором кода, но если бы сам мог понять, то не спрашивал бы совета.