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

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

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

а также

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

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

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

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

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

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