title: CSS: Auto resize of height
body: <p>Is there a way how to auto resize the height of an image using CSS?</p>
  
  <p>I have a menu in left side of the website. Image size is 216 x 504.</p>
  
  <p>The width is okay but the height of the image will be auto resized depends on the monitor screen resolution.</p>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;div class="menu-bg"&gt;
  &lt;img src="image/bg_menu.png" alt=""  /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's my css:</p>
  
  <pre><code>.menu-bg
  {
      position:absolute;
      top:130px;
      left:0px;
      height: auto;
  }
  </code></pre>
  
  <p>The <code>height: auto;</code> is not working. I already tried to google but the result is always the <code>height:auto</code> which is not working.
  I'm using Mozilla Firefox as a browser.</p>
  
  <p>Any comments are appreciated.</p>
  
  <p>Thank you</p>