The reason I had {position: relative;} was so that I could force a vertical space before the H2 and reduce the space below it (by a combination of line height and top offset). If I had left it as a block, I could have forced it down vertically with a top margin, but then I couldn't fix the bottom border to the length of the text.
Still baffled! Barnaby Scott > -----Original Message----- > From: Holly Bergevin [mailto:[EMAIL PROTECTED] > Sent: 17 November 2005 14:56 > To: css-d@lists.css-discuss.org; Barnaby Scott > Subject: Re: [css-d] Div shrinking to content width in IE > > > From: "Barnaby Scott" <[EMAIL PROTECTED]> > > >The problem is now that IE is doing something strange to > the background > >image in my H2's. It seems to be truncating 5 pixels from > the left-hand side > >of the image, and tacking it back on to the right-hand side. See > >http://www.southdevons.co.uk/test.htm (CSS = > >http://www.southdevons.co.uk/style/test.css) This looks > fine with Firefox, > >but the problem occurs with IE6 > > I'm not sure what you're using it for, but removing > {position: relative;} from the H2 declarations solves this problem. > > ~holly > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/