Im trying to change the visibility of a div from hidden to visible "onMouseOver" ...

This isn't working...any ideas..

Here's my code:

<html>

<head>

<script language="javascript">

function setIDProperty( id, property, value )
{
document.all[id].style[property] = value;
}


function show() {

setIDProperty("test", "visiblity", "visible");
}

</script>

<style type="text/css">

#test { position: relative; visibility: hidden; }

</style>

</head>
<body>


<a href="http://www.adobe.com" onMouseOver="show();">Link 1</a> <br><br>

<div id="test">asdfdsdsds</div>


</body>
</html>