title: Safari Image Size Auto Height CSS
body: <p>I am testing this problem in the latest version of Safari for Windows 7.</p>
  
  <p>The problem is that this code works in all other browsers BUT safari:</p>
  
  <pre><code> &lt;style type="text/css"&gt;
      .userImg { height: 100%; width: 100%; }
      .imgContainer { height: auto; width: 150px; }
   &lt;/style&gt;
  
   &lt;div class="imgContainer"&gt;
      &lt;img id="img" class="userImg" src="TemplateFiles/Hydrangeas.jpg" alt="" /&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Does anyone know of a trick to get this to size the image proportionally in Safari using just CSS?</p>
  
  <p>Thanks!</p>