====== css - Image - Resize an image dynamically ======

<code css>
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}
</code>

<WRAP info>
**NOTE**:  **max-width:100%** and **height:auto** works in IE7, but not in IE8 (yes, another weird IE bug).  To fix this, you need to add **width:auto\9** for IE8.
</WRAP>

and if you want to enforce a fixed max width of the image, just place it inside a container, for example:

<code html>
<div style="max-width:500px;">
  <img src="..." />
</div>
</code>