I want to scale an image along the height of a containing div when I change the size of the broswer window. The code works a treat in Firefox, but doesn't stretch down to the bottom of the containing div in IE 6. I've stripped my code down to one image and a div for you to peruse and hopefully offer some help.
Code follows: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> * { margin: 0px; padding: 0px; } #menu { background-color: #D00C26; left: 104px; top: 0px; width: 50%; position: absolute; } #menu_mid_left { position: absolute; left: -104px; top: 0px; height: 100%; } </style> </head> <body> <div id="menu"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dictum, elit sed sollicitudin lacinia, enim tellus faucibus arcu, eu porta quam velit eu metus. Vestibulum egestas. Nunc imperdiet interdum enim. Nam ligula sapien, ultricies at, elementum sit amet, fringilla sit amet, orci. Etiam tempor, lorem vitae rutrum tristique, augue mauris commodo leo, nec pharetra arcu justo nec elit. Maecenas aliquam tellus vel mauris. Curabitur lacinia vestibulum libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend. Nam a magna. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed fermentum cursus massa. </p> <img id="menu_mid_left" src="images/menu_mid_left.gif" alt="" name="menu" width="104" height="100%" /> </div> </body> </html> Thanks for any help, Phil ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
