La Force de la hauteur de <div> pour correspondre à l'image

Je suis en train de construire un réactif page qui a une image et <div> côté par côté:

La Force de la hauteur de <div> pour correspondre à l'image

La largeur et la hauteur de l'image à conserver leurs proportions et agrandir/réduire la fenêtre du navigateur.

La largeur de la <div> fait la même chose, mais j'aimerais qu'il corresponde à l'image en termes de hauteur.

Est-il un moyen d'y parvenir? Voici un Violon du problème: http://jsfiddle.net/alecrust/xwJHw/

Enveloppez les deux dans un div, et ajouter de la hauteur de la zone de texte à 100%.
partagez votre code s'il vous plaît.
Qui pourrait aider: matthewjamestaylor.com/blog/...
Vous pouvez, si vous encapsuler le DIV autour de l'IMG... dans tout autre cas, vous avez besoin de simuler ce comportement (par exemple, en suivant les idées de la le lien biziclop a affiché) ou par l'utilisation de JavaScript pour les deux zones de hauteurs égales.
Violon de problème: jsfiddle.net/alecrust/xwJHw

OriginalL'auteur AlecRust | 2012-09-18