CSS масштабирует высоту в соответствии с шириной -, возможно, с форм-фактором

Я реализовал карту GoogleMapsV3 на сайте с базовым адаптивным дизайном twitterBootstrap.

Но мой вопрос довольно прост :у меня есть:

<div id="map"></map>

и

#map{ width: 100%; height: 200px }

Я хотел бы иметь возможность изменить высоту на форм-фактор. Как в этом "в моих мечтах CSS"

#map { width: 100%; height: width * 1.72 }

Я пытался не указывать высоту, устанавливать значение auto и всевозможные проценты -, но только для того, чтобы всегда сворачивать div.

У меня нет проблем с написанием решения js -, но я надеюсь на простое чистое решение CSS, возможно, CSS3

Если это невозможно, то какой оптимальный способ вытащить меня из этого ?? (таймеры, события... и т.п.)