This project is read-only.

img width inside a span grid in IE < 10

Jan 24, 2014 at 11:51 PM
Hey guys I installed the Orbit page layout in a publishing site of the SP2010. Then, i added the sample content.
When I render the site in the IE less than 10 standards mode, it appears that the img size defaults to its original 400px and does not get scaled down due to the rules.
I'd expect the following snippet to take effect from boostrap-custom.css:
img {
    max-width: none;
    width: auto;
}
/*must expand to all span# in case span# is not listed first*/
* [class^='span'] img, .span1 img, .span2 img, .span3 img, .span4 img, .span5 img, .span6 img,
.span7 img, .span8 img, .span9 img, .span10 img, .span11 img, .span12 img {
    max-width: 100%; /*for images inside span grid*/
}
Tracing reveals that width: auto in IE dev tools is causing the issue and cascades from the solo "img" rule. when manually setting 100% in the dev tools, it works way better.
Anyone encountered this?