Disappearing text in IE

[BLaZuRE]

I've noticed that SOMETIMES, words are mysteriously chopped off in IE for a website I made.  If you scroll the page, select the text, or refresh (or hover over a block link that changes the background), that section of text reappears.  Is this a bug with IE8 or does it exist with previous versions?  What's causing it and is there a way to fix it?

It happens only in IE(.  I've tested Opera, Firefox, Chrome, and Safari with no problems.

[haku]

It's that semi-colon on like 36 of your code. It's screwing everything up.

[BLaZuRE]

It's that semi-colon on like 36 of your code. It's screwing everything up.

 

Ha, ha. Very funny.

I thought the code would be irrelevant, considering it all validates.  Seemed like a rendering issue (when I selected the text, character by character, it appeared and STAYED as it appeared, even after it was deselected; every other browser didn't have the 'not appearing' effect).  Anyway, I can't get the problem to replicate anymore (yet).

 

Inside a php include:

	<div id="header">
		<img id="header_pic" src="imgs/headerpic.png" alt="Great Hall Photo">
		<img id="header_logo" src="imgs/logo.png" alt="Logo">
		<span id="header_text">Web Site Title is Here</span>
	</div>
	<div style="clear: both;"></div>

The 'Web Site Title is Here' text would not appear, at times, in IE 8.  Scrolling the page, refreshing, or selecting the text would make it appear, as it should and does in other browsers.

 

CSS for this section:

body{
background-color: #111111;
margin: 0 auto;
}
img{
border: none;
text-decoration: none;
#header{
height: 75px; width: 800px; line-height: 75px;
background-image: url('../imgs/headerbg.png');
background-repeat: repeat-x;
text-align: center;
font-size: 24px; font-weight: bold;
color: #FFFFFF;
}
#header_logo{
height: 75px;
width: 90px;
float: left;
}
#header_pic{
height: 75px;
width: 110px;
float: right;
}
#header_text{vertical-align: middle;}

}

[haku]

That's definitely odd. Have you got any javascript running on the page?

[haku]

By the way, nice job on recognizing my comment for what it was - that goes over the head of 95% of people I say it to.

[BLaZuRE]

That's definitely odd. Have you got any javascript running on the page?

 

Zero javascript (I don't really believe in javascript since it seems that some/most of the functionality can be created via other languages.  Plus, some people block it.  It's more of an aesthetic language (to me), since it's client-side).

I've only got : PHP, HTML, MySQL (essentially PHP queries, buffers, and other basics), and CSS.  Strict HTML 4.01 doctype.  I've now declared my charset using a meta tag, though I don't know if that helped or IE will still make text disappear periodically.

I looked it up myself and it seems a few people have the problem, but no resolution or information on how it occurs.

[haku]

If you don't have any javascript running, then it's not a conflict there.

 

It could very well be an IE bug if your code is validating. Not one I've heard of myself, but that doesn't mean anything.