title: Javascript Pop Up Page Makes Text Invisible In Internet Explorer
body: <p>I'm working on a project at the moment where I've come up against a rather frustrating problem in Internet Explorer. I have a series of pop ups on a particular page that are opened with JavaScript when help links are clicked. The JavaScript for them is:</p>
  
  <pre><code>function openHelpPopUp(url) {
      newwindow=window.open(url,'name','width=620,height=440');
      if (window.focus) {newwindow.focus()}
      return false;
  }
  </code></pre>
  
  <p>The HTML used is:</p>
  
  <pre><code>&lt;a href="help.html" onclick="return openHelpPopUp('help.html')" title="More information" class="help-popup-link"&gt;Help&lt;/a&gt;
  </code></pre>
  
  <p>Now, the pop up works perfectly in every browser except Internet Explorer. The main priority at the moment is making it work in IE7.</p>
  
  <p>What happens is that, it pops up fine, but the text is not visible. If you click and drag the cursor over it and highlight it though, it becomes visible. Once you click away from the highlighted area to deselect it, it stays visible. Any area that wasn't highlighted stays invisible. When you refresh the pop up though, it sometimes becomes visible without any highlighting, it sometimes doesn't.</p>
  
  <p>Also peculiar is that some text within an unordered list is visible, but when I use the same list encompass the rest of the text, it stays invisible bar the bit that was already visible.</p>
  
  <p>Have you come across this or anything like it before? Have you got any tips or suggestions? I'm running out of things to try so any feedback or help on this is greatly appreciated!</p>