Unusable links with onmouseover()
<p>I try to make a displaying list with onmouseover() with some links but they don't work when I click on:</p>

<pre><code>&lt;script language="javascript"&gt;
function displayList()
{
document.getElementById('list').innerHTML = 'More&lt;br/&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="currency.php"&gt;Currency converter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="contactus.php"&gt;Contact us&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div id="quit" onmouseout="hideList();"&gt;Close&lt;/div&gt;';
}

 function hideList()
{
document.getElementById('list').innerHTML = 'More';
}
&lt;/script&gt;
&lt;div id="list" onmouseover="displayList();"&gt;More&lt;/div&gt;
</code></pre>

<p>Thanks for your help</p>
