Bert Mahoney wrote: > The background image positioned within the div top right, when the h2 > element is within it, does not appear properly in IE/PC.
> http://tinyurl.com/n3rzu > > Any insight or ideas how to get the top right curve to show in IE/PC > would be helpful. Cause: the extra 10px padding will make the h2 100% + 10px wide. This happens in all standard-compliant browsers, but it isn't visible since all standard-compliant browsers respect the width declared on .bnr_headline - except IE6 of course. IE6 will add those 10px padding to width on h2, and subsequently expand the div so the h2 can fit inside with padding and all. The result is that the right edge of the div ends up outside the div's own width, and gets hidden. Just comment out the 'overflow: hidden;' and see where it is now. Adjusting the width of h2 so it is narrower than the div - regardless of that padding, is a good solution. Another solution is to shrink the h2 by exactly the same width as the padding - reducing h2 to exactly 100% width again. Thus, adding... .bnr_headline h2 {margin-right: -10px;} ...and deleting... .bnr_headline {overflow: hidden;} ...is what one might call "the perfect fix" for IE/win's auto-expanding bug and resulting calculation-mess. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
