title: Dynamic Responsive Resize Images
body: <p>I started working with responsive design and read that how to threat the images (dynamic):</p>
  
  <pre><code>.midiv { width: 300px; float: left; }
  
  .midiv img { max-width: 100%; max-height: 100%; }
  </code></pre>
  
  <p>But when i load the website it show's the full size of the image, after full site download it fits the div's size.</p>
  
  <p>Im using this too in the header area:</p>
  
  <pre><code>js/modernizr-2.0.6.js
  js/css3-mediaqueries.js
  </code></pre>
  
  <p>what could be wrong in my way of doing?</p>
  
  <p>Thanks</p>