Hi,
Now here's an interesting (and highly annoying) thing!
I'm working on a webpage, and am having a display 'glitch' when viewed in
IE6 (oh no, not that non-standards compliant piece of rubbish I hear you
cry). Believe me, if IE6 didn't account for 9x% of the Web browser market
I'd forget it but it does so it would be good to correct it.
Here's a link to the page mock-up (strange URL I know but I wanted to hide
it from the client!):
http://www.all-in-golf.co.uk/rhubarb/
And here's a link to the stylesheet:
http://www.all-in-golf.co.uk/rhubarb/r/css.css
Now for the problem.
If you take a look at the page in IE6 you'll notice that the first two
content page banners with the titles "All-In-Golf" and "Our Golfing Break
Packages" have had their right hand border clipped (these borders are
actually part of the heading background and not a separate border
attribute).
It would appear to be something to do with the sidebar to the right of these
headings (the clipping was present only on the first heading until I added
another topic to the side bar), but exactly what is wrong eludes me.
Any ideas why this anomaly is happening and how I can fix it?
Many thanks in advance,
Tony.