css: лишний отступ снизу

певрый раз встречают такую ситуацию, когда под всеми элеметнами (изображения, текст) появляется лишний отступ под ними.... вроде и начал верстку как обычно, а тут на тебе.. .
с изображениями я справился (display:inline-block),а вот текст по-прежнему лагает.
как эту каку убрать, в чем проблема и почему она могла получиться?

мот мой reset.css:
*, *:before, *:after {
padding: 0;
margin: 0;
text-decoration: none;
box-sizing: border-box;
color: #363535;
content: "";
font-family: Myriad Pro;
}
li {
list-style: none;
}

header, content, footer, nav {
display: block;
}
(я его на всех своих сайтах использую и не было ни разу такого)

спасибо

с изображениями я справился (display:block)**