On my website, the left and right navigation frames are fixed in width, so the center frame resizes according to the browser width.
The "About Us" page includes a photo at the top of the frame that's intended to fill the width of the center frame. When the browser window reaches a certain minimum width, the idea is to force a horizontal scroll bar on the center frame (not yet implemented).
My developer isn't familiar with working with images. I know a bit of html so I experimented with putting the img tag inside a div container with the img width set to 100% and the div width set to auto. This works perfectly in Firefox. My developer verified it also works in IE8 (I can't verify this). Here's a hidden test page showing how this works: www.acrightsize.com/about.php
Unfortunately, when viewed in IE6 and IE7, the image is fixed at a very large size (wider than the browser window), forcing the center frame to extend well beyond the browser window and pushing the right frame completely out of the window.
Until I can make this work properly across browsers, I set up the live page with a fixed size image (www.acrightsize.com/about_us.php).
The fact that my div container accomplishes the desired result in FF/IE8 was a lucky guess. But there are obviously other ways to code this, hopefully one that also works in IE6 and IE7. I would be grateful if someone would take a look and help me out.
edit: Here's a link to browsershots of the page with various browsers