Как обраться к тегу img в css для настройки позиционирования?

Question

[Максим]

Доброго времени суток!
При верстке сайта с psd столкнулся с проблемой, не получается обратиться к img для редактирования его позиционирования, а именно, чтобы задать отступы с помощью margin-top.
Пробовал обращаться через классы и айди, а так же к тегу <а> с классом непосредственно, однако ничего не получилось.
Вот часть из html файла:

<header>
		<div class="container">
			<div class="clearfix">
				<a href="#"><img id="logo" src="img/logo.png" alt="logo"></a>
				<nav>
					<ul class="menu">
						<li><a href="#">home</a></li>
						<li><a href="#">about</a></li>
						<li><a href="#">word</a></li>
						<li><a href="#">process</a></li>
						<li><a href="#">services</a></li>
						<li><a href="#">testimonials</a></li>
						<li><a href="#">contact</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>

И css файл:

body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
}

header {
	height: 670px;
	background: #e9e9e9;
}

.container {
	margin: 0 97px;
}

#logo {
	float: left; 		/*<--Пытаюсь обратиться к img*/
	margin-top: 38px;
}

nav {
	float: right;
	margin-top: 45px;
}

.menu {
	padding: 0;
	margin: 0;
	display: block;
}

.menu li {
	float: left; 
	display: block;
	margin-right: 30px;
}

.menu li:last-child{
	margin-right: 0;
}
.menu li a:hover{
	color: #10c9c3;
}
.menu li a {
	color: #191919;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

Answer 1

[Dymok]

Все работает, в чем проблема?
https://codepen.io/UnluckySerivelha/pen/qQBBKe

Comments

[Максим]

В firefox у меня отображается следующим образом почему то.