title: Weird problem with a site layout on IE 7
body: <p>I have a website which draws white (empty) content/text on IE 7. However, as soon as I mouse over links, they will appear, or if I open up an about box and move it above the content, the content will then be drawn. Does anyone have any ideas what this is about? I can't supply source as this is private. the site works across all web browsers except for IE 7. IE 6 is untested.</p>
  
  <p>Edit: it seems I was too unclear. I have code like this:</p>
  
  <pre><code>&lt;p&gt;text&lt;/p&gt;
  </code></pre>
  
  <p>Which displays as black text against white background. This is how I want it to be, however, on IE 7, it will not render anything at all, unless I move IE 7 built-in windows above the text. Also, on some pages the part of the letters are invisible. For example, one P character did not have the left part of it and looked like a C in horizontal reverse.</p>
  
  <p>Edit 2: Here is a screenshot of IE: <a href="http://img21.imageshack.us/img21/3415/25633026.png" rel="nofollow noreferrer">http://img21.imageshack.us/img21/3415/25633026.png</a></p>
  
  <p>And this is all other browsers: <a href="http://img705.imageshack.us/img705/1592/all.png" rel="nofollow noreferrer">http://img705.imageshack.us/img705/1592/all.png</a></p>
  
  <p>There should be text on the middle, but I see nothing. The code <strong>is</strong> valid. <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.panssariprikaati.fi%2Ffi%2Ftiedotteet%2F2&amp;charset=(detect+automatically)&amp;doctype=Inline&amp;group=0" rel="nofollow noreferrer">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.panssariprikaati.fi%2Ffi%2Ftiedotteet%2F2&amp;charset=(detect+automatically)&amp;doctype=Inline&amp;group=0</a></p>