I'm looking at a case where the rendering differs between IE and Firefox/Opera (all on Win at the moment), and I'm trying to determine whether it's (a) a bug in IE, (b) a bug in FF/Opera, (c) a perfectly reasonable (but different) reading of the spec, or (d) something else. It seems very similar to the Expanding Box Problem [1], except that there's no explicit width on the containing block.
Example page is here: http://www.avocado8.com/testing/containing_block.html To see the problem, make your browser window narrower -- until the image is clipped (FF/Opera) or a horizontal scrollbar appears (IE). Basically, IE is expanding the containing div to fit the content no matter what size the browser window is. FF and Opera, on the other hand, limit the size of the div to the width of the viewport and, because overflow: hidden is set on the div, clip the image. (If overflow were not set to hidden, the image would show, but the gray background would stop short of the right edge of the browser.) Thoughts on what's happening here, and ways to work around it? Is setting a width on the div the only way to get the browsers to match? Thanks for your input. cheers, Lori [1] http://www.positioniseverything.net/explorer/expandingboxbug.html Relevant code for example page: #main { background-color: #999; margin: 20px; padding: 20px; overflow: hidden; } ... <div id="main"> <img src="660x486.png" width="660" height="486" /> </div> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
