title: display:none; displays 'none' in browser
body: <p><a href="http://jsfiddle.net/AE2X3/" rel="nofollow">This jsFiddle example</a> works in Google Chrome, but in Internet Explorer then when the close icon is clicked the browser removes the pop-up element but results in the text 'none' being displayed in the browser window. Please explain how I can resolve this issue.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="popup"&gt;
      &lt;!-- Close popup link --&gt;
      &lt;a href="javascript:document.getElementById('popup').style.display='none';"&gt;X&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>