title: css outer div max-width scale inner image
body: <p>Is it possible to fit an image to its outer div width which is limited by max-width?</p>
  
  <p>Here is a fiddle example:
  <a href="http://jsfiddle.net/7UZG7/" rel="nofollow">http://jsfiddle.net/7UZG7/</a></p>
  
  <pre><code>&lt;div style="width:100%;"&gt;
  &lt;div style="max-width:30%; background-color:red; float:right; padding:10px;"&gt;&lt;img src="http://www.acasa.org.br/ensaio/grande/506.jpg"&gt;&lt;/div&gt;
  lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
  &lt;/div&gt;
  </code></pre>