title: CSS media query img max-width doesn't work
body: <p>I have a style sheet with lots of conditional media query statements. ranges from iPhone resolution to 1600px. However i want to make img inside a particular div fluid as if re sizes when browser window get resize, regardless of already written conditional @media query statement. i tried using</p>
  
  <pre><code>img { max-width: 100%}
  </code></pre>
  
  <p>But it doesn't work at all, the images remain as it is regardless of the browser widows. to make it effective i added !important as well at the end of the property and even pasted inside all the media query statements from iPhone resolution to 1600px, but it doesn't work. </p>
  
  <p>How do i make such effect regardless of already written media query, i want the image to get flexible within a certain div, when the browser window changes.</p>
  
  <p>i added </p>
  
  <pre><code>#inner_container img { max-width:100% !important; }
  </code></pre>
  
  <p>at the end of this style sheet</p>
  
  <p><a href="http://strongcodelabs.com/test/css/style.css" rel="nofollow">http://strongcodelabs.com/test/css/style.css</a></p>