HTML .style visibility: hidden doesn't work
<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>