Для div сделать height: auto; - Вопросы по CSS

Подскажите, как для div-а дать height: auto, чтобы фоновое изображение было адаптивным без лишних телодвижений с @media?
#block_01 {
  width: 90%;
  margin: 0 auto;
  height: auto;
  background: url('../images/team/01.jpg');
  color: #fff;
  position: relative;
}
Работает лишь вариант с height: ...px; но для респонса это совсем не то, что хотелось бы)
Воткнуть изображение через <img src... не могу, т.к. там подключен скрипт и придется уже его менять.

хорошо бы еще ссылочку на "больного", было бы проще оценить ситуацию. Почему не работает height: auto - может быть несколько причин, которые могут скрываться в родителе

Если нужно, чтобы тянулся сам блок, только:
а) вставлять изображение
б) растягивать скриптом
Если нужно оптимальное заполнение фоновой картинкой, то:
background-size:cover;

Родительскому div
 тогда дочерний станет 100% по высоте родителя
Про flex-box http://pepelsbey.net/pres/flexbox-gotcha/#32

flex ещё недостаточно поддерживается, на мой взгляд.

Поддерживается он уже давно полностью. Просто не у всех последние версии браузеров. Хотя последние и не обязательно, главное не древние.

А я как сказал? Так то он со дня выхода поддерживается полностью. Просто не у всех что тогда, что сейчас последние версии браузеров. А на некоторых проектах использовать флекс в принципе недопустимо, т.к. многие предприятия сидят на фиксированных старых версиях. Одно дело когда css3-красоты не видно у клиента, другое flex-модель и развалившаяся вёрстка.
Дополню: Свойство поддерживается EI от 11-й (!) версии. Даже в Windows 8 по-умолчанию идёт десятый IE. Т.е. 11-й идёт в десятой винде. Можно загуглить долю 10-й винды на рынке десктопных ОС. Но суть думаю понятна.

Можно еще загуглить долю IE . Конечно это дело каждого, как делать. Я предложил вариант, вы предупредили. Дело сделано . Но Chrome, Opera, Mozilla отображают отлично.