Question

The bizarre symptom I’m seeing on this page (only when viewing with IE 6) is that the text of the <h1> tag is invisible when the page is loaded or resized, but appears when I mouse over the region where it appears in the upper-left corner. I haven’t seen this with any other browser, and the only CSS attributes I’m modifying for any h1 tag are these:

• font-size
• font-weight
• margin, margin-top
• padding, padding-top, padding-bottom

Nowhere do I change visible or display, and there are no hover effects for the h1. Even the non-link text inside the header disappears. Any ideas?

Answer 1

Agreeing with John’s post. I have (by sheer luck) been able to circumvent this debugging process on occasion by giving the element position: relative or position: static rules.

So you may want to cross your fingers and give that a whirl before going down John’s route.