Images in responsive design: OK in Firefox & Chrome, wrong size in IE ???
Working on a Responsive website using Twitter Bootstrap. The code below works exactly like I want it to in Firefox and Chrome. But the images are not the right size in IE9.
It appears that while in Firefox and Chrome that the image's < width="40%" > specification is displaying the image at 40% of the division's current width (which is the method I want), but that in IE is displaying the image at 40% of the image's original width (which is not what I want).
How do I fix this?
<!-- Horizontal strip of images at the top of the page -->
<div class="container-fluid" style="text-align:center">