Hi, I'm new to this list. Sorry I didn't find it years ago. I'm perplexed by a problem with IE 6 adding an extra few pixels at the bottom of a div.
There are two places this occurs at http://www3.rgallery.us/index.html Maybe someone can help me see where the problem is with the first, simpler, and non-floated case: div#top { width:638px; border: 1px solid #560116; } Which contains two images: <div id="top"> <a href="/index.html"><img src="images/logo.jpg" alt="Home" width="190" height="106" border="0" /></a><img src="images/ home_top.jpg" alt="Staging: Innovative and Effective Design Solutions that Sell Homes" width="448" height="106" border="0" /> </div> This renders fine in Firefox and Safari. IE7 requires that I @import a fix: div#top {height: 106px;} but I haven't found anything for IE6. Instead, there is a gap of about three pixels between the bottom of the images and the border. Thanks for any light you can shed! Bill ______________________________________________________________________ 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/
