title: fluid image width, matching height
body: <p>I am trying (if it is at all possible) to use css to make an image 100% the width of a fluid div, but as the images are square (and will be distorted if not square) I want to be able to match the height to the width... for fluid width I am using:</p>
  
  <pre><code>.img{
    max-width: 100%;
    width: 100%;
    min-width: 400px;
  }
  </code></pre>
  
  <p>which works fine for setting the width on all major browsers, but I just cant figure out how to match the height to the width :/</p>