title: Responsive: Resize width and height of element in ratio while resizing window
body: <p>I'm just trying to make my responsive div example work like here <a href="http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios" rel="nofollow">http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios</a></p>
  
  <p>The effect should be that if you resize the window, the div will change the width AND the height depending on the ratio (in my example 41,66%).</p>
  
  <p>If you view my code from the beginning in a small window, the effect will work perfectly. But if you resize the window from large to small it will not work.</p>
  
  <p>Can please somebody help me to find out what's going wrong? The height will not change in ratio.</p>
  
  <p>The changing div is inside a container:</p>
  
  <pre><code>&lt;ul class="slide"&gt;
      &lt;li&gt;
          &lt;div class="wrapper"&gt;
              Slides
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Mg9ZB/" rel="nofollow">http://jsfiddle.net/Mg9ZB/</a></p>
  
  <p>I know in Chrome it works well, but I'm using the newest version of Firefox.</p>