IE problem: Top half of text dissapears when page is scrolled

[alpine26]

hello everyone

I was hoping someone may be able to identify a bug in one of the site's I've created - either to divert me to an article to read, or explain the problem/fix it themselves.

Please fire up IE and go to http://www.samahampshire.co.uk

On the news page, scroll up and down a bit, and pay attention to the dates in the news items. You should notice that the text periodically half-dissapears and reappears. It also happens in the 'Karate' and 'Kickboxing' sections, where these markup tags are also used.

Mozilla displays the site with no problems.

I suspect IE takes exception to displaying the markup tags with CSS formatting, over the top of a repeated image.

Any help you can offer will be appreciated.

[_Aerospace_Eng_]

Why do you even apply a class to your body tag? Since all of your tags are in the body tag all you have to is
element {
css stuff
}
as for your problem, add position:relative; to the h5. Also your site loaded with a horizontal scrollbar for me in IE6 on a 1024x768 resolution. You should also read this: "Why Tables for Layout is Stupid? (http://www.hotdesign.com/seybold/)"

[alpine26]

Cheers for that, I'll give that a go.

I totally agree about the tables - I usually do my stuff with Divs and position them with CSS. The guy i did the site for wanted it in tables, though, as much as I suggested otherwise... *sigh*.

Article is good btw.