Div hide not working
<p>I'm trying to hide a div, and I can't seem to get it working properly. Here's my code:</p>

<pre><code>&lt;head&gt;
&lt;title&gt;Home - Chrome&lt;/title&gt;
&lt;link rel="stylesheet" href="main.css"&gt;
&lt;script src="jquery.js"&gt;&lt;/script&gt;
&lt;script&gt;
function 1Hide() {
document.getElementById('div1').style.display = 'none';
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="div1"&gt;
&lt;/div&gt;
&lt;a onclick="1Hide" href="javascript:void(0);"&gt;Click&lt;/a&gt;
&lt;/body&gt;
</code></pre>

<p>CSS:</p>

<pre><code>#div1 {
height: 100;
width: 700;
margin: 30 auto 0 auto;
background: #FFFFFF;
}
</code></pre>
