Images not scaling properly
Posted on 2006-06-29
I have an image that I would like to display as a background image on a page, and on top of it I have a div that contains the page contents. In mozilla when I stretch or shrink my browser window, it distorts the image (does not maintain aspect ratio). In IE, the background maintains the aspect ratio. I need it to NOT maintain aspect ratio (similar to Mozilla) in IE.
<div id="background_image"><img src="images/bg2.jpg" width="100%" height="100%" border="0" /></div>
I have page contents here
In IE it is not recognizing the "height=100%" parameter correctly. If I make it height="1000px;" it stretches the image. I just want it to stretch with the size of the users browser.