Почему картинка вылезает за пределы блока?
Потому что вы задали display: inline-block;
Сделайте картинку просто блочной или задайте vertical-align: top
https://webref.ru/css/vertical-align
https://jsfiddle.net/L0e9kp2t/
p.s. не используйте id для стилизации, пишите классы.
Вылазит из-за того, что #header имеет line-height: 60px; а блочно-строчные элементы выровнялись по базовой линии.