title: CSS: set and maintain aspect ratio of DIV on window resize
body: <p><a href="http://jsfiddle.net/NN7B9/" rel="nofollow">http://jsfiddle.net/NN7B9/</a></p>
  
  <pre><code>.indexmenu1 {
      float:left;
      width:25%;
      background:#e7d778;
      }
  .indexmenu2 {
      height:300px;
      padding:30px;
      border:1px solid #dea9b8;
      font-family:'HelveticaNeueLTStd-Roman';
      font-size:20px;
      color:#000;
      }
  </code></pre>
  
  <p>Fiddle up top, edit that please. I want to set an aspect ratio for these divs and maintain that when the window resizes. How do I do that?</p>