Исправлен заголовок не работает, если содержимое div является изображением

Question

Мой фиксированный код заголовка ниже работает в браузере рабочего стола, но если я запускаю его в мобильном браузере, это не так.

Если я меняю содержание 'mid_container' div на text, он работает. Не понимаю, почему, если я изменю его на image, он не работает.

Любые идеи?

#header-wrap { 
 
    background: #eeeeff; 
 
    position: fixed; 
 
    width: 100%; 
 
    height: 50px; 
 
    top: 0; 
 
    z-index: 1; 
 
} 
 
#mid_container { 
 
    background: #fff; 
 
    padding-right: 20px; 
 
    position: relative; 
 
    clear: both; 
 
}

<div id="header-wrap"> 
 
    Your menu 
 
    <br/>Link1 Link2 Link3 
 
</div> 
 
<div id="mid_container"> 
 
    <img src="img/SMRT-MapSept16.jpg" /> 
 
</div>

Answer 1

это работает прекрасно только у попытаться добавить маржу-сверху #mid_container {маржа-топ: 50px} 50px же высота заголовка может быть, у cannt увидеть текст, потому что за заголовок