I need some help with a rendering problem on IE8 that does not show on other browsers including IE7, Firefox and Chrome. I am using an image replacement technique for the title header. On IE8, there is a large gap at top of the image so the backgrounds don't match up.
The website is http://piedmont-div.org/pilgrimage/ . The CSS in question is : #header h1 { background: transparent url(/pilgrimage/images/pp_title.jpg) no-repeat top left; margin: 0; padding: 0; font-size: 3em; font-weight: bold; overflow:hidden; text-indent:-5000px; height:79px; } The HTML is <h1>Piedmont Pilgrimage</h1> I thought this might be related to a hasLayout issue. But adding "zoom:1" did not seem to help. Any assistance would be appreciated. Regards, Scott Povlot ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/