Resize all elements inside a container using jQuery
<p>So I have a container (DIV) which would be resized using the correct aspect ratio (so it doesn't stretch) when user resize the window.</p>

<p>Now I would like to dynamically resize all the elements inside that container using jQuery, keeping in mind that they also should keep their aspect ration correctly.</p>

<p>I know there is a CSS3 2D Transforms option but I would like to do that without using CSS3 and only jQuery and old CSS so it also works in older version of IE. </p>

<p>Here is the code, as you can see the image will maintain its aspect ratio since I used the width=100% but other elements have their own size (width and height) which cannot be in percent.</p>

<p>So ideally I like to set the width, height, top and left position of those elements when resizing the window keeping their aspect ration correctly.
<a href="http://jsfiddle.net/Km8Ef/1/" rel="nofollow">http://jsfiddle.net/Km8Ef/1/</a></p>

<p>Any good solutions?</p>
