title: HTML .style visibility: hidden doesn't work
body: <p>My <code>div.style="visibility:hidden;</code> doesn't work. It is still visible even though I set it to be hidden.</p>
  
  <p>My website: <a href="http://iogames.ga" rel="nofollow">http://iogames.ga</a></p>
  
  <p>In the bottom right corner,the inner layer "Chat" button is for hiding chat, while the button in the outer layer for opening chat.
  By default, the outer layer should be hidden.</p>
  
  <pre><code>div id="chatdiv2" style="background-color:#003333; padding:5;
  height:18; font-size:16px; color:#CCCCCC; visibility:hidden";
  </code></pre>
  
  <p>But I have no idea why the outer layer still appears by default.</p>
  
  <p>What should I do?</p>