Фоновое изображение не отображается во вложенных элементах div

Question

У меня проблема с тем, что мое фоновое изображение не отображается при определенных обстоятельствах c, и при этом возникают некоторые проблемы.

<div id="indHeader">

    <div id=" indImg">
      content goes here
    </div><!-- end of  indHeader-->
  </div> <!-- end of indImg-->

Если у меня есть идентификаторы div поменялся местами, изображение показывается как обычно - проблема заключается в том, что оно портится при смешивании с размером страницы (размер изображения уменьшается, но пространство над изображением увеличивается, как пространство над изображением. Ширина остается на 100%, но Высота не.) Если у меня так, как в приведенном выше коде, фоновое изображение не отображается вообще.

#indImg {
    background-image: url("../images/index_header.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

Есть ли способ показать фон в div indImg или не сдвинуть его при настройке размера страницы? Если я удаляю стиль размера фона, это несколько исправляет его, но тогда изображение не соответствует 100% ширины браузера. Регулировка изменения положения фона при изменении высоты, например, удаление текущего свойства делает изображение go верхним, а не нижним.

Изображение показывает, что я имею в виду.