title: Images not loading through CSS on IIS7.5 MVC4
body: <p>My web app(MVC4) is hosted on IIS 7.5, Windows 7 Ultimate with .net framework 4.0 and 4.5 installed. On hosting the application, the images are not rendered, giving me a 404 error</p>
  
  <p><img src="https://i.stack.imgur.com/G64Uj.jpg" alt="enter image description here"></p>
  
  <p>The content type is "Text/html" shouldn't it show as "image/jpeg or png"?</p>
  
  <p>On giving the image path directly, the image is rendered, but not through css. The css is loading, as my layout is intact.</p>
  
  <p>I have gone through many questions related to the same issue, have included</p>
  
  <pre><code>&lt;modules runAllManagedModulesForAllRequests="true" /&gt;
  </code></pre>
  
  <p>checked for Static Content under IIS>WWW Services in
  control Panel, applied hotfixes (<a href="http://support.microsoft.com/kb/980368" rel="nofollow noreferrer">http://support.microsoft.com/kb/980368</a>).. in vain.</p>
  
  <p>My css code is as below,</p>
  
  <pre><code>body{background:url(images/bg.jpg);
  </code></pre>
  
  <p>image folder structure is</p>
  
  <ul>
  <li>ABC      
  
  <ul>
  <li>images (folder)
  
  <ul>
  <li>bg.jpg                 </li>
  </ul></li>
  <li>main.css</li>
  </ul></li>
  </ul>
  
  <p>(have tried giving the image path along with .. and /, no use)</p>
  
  <p>ExtensionlessUrlHandler, are present in the webconfig, hosted on .net framework 4.0 (integrated),</p>
  
  <p>My IIS also co-hosts MVC3 application, which runs fine.</p>
  
  <p>Not sure what is the issue? I am missing something, which hasn't been tried yet, your help would give me some sleep.</p>
  
  <p><strong>Update:</strong></p>
  
  <p>Refering to this <a href="https://stackoverflow.com/questions/11355935/mvc4-stylebundle-not-resolving-images?rq=1">post</a></p>
  
  <p>I changed the bundle according to the answer by Calgary Coder, the image is loading now.</p>