mouseover werkt niet?

function latenzien(id)
{
document.getElementById(id).style.visibility = 'visible';
} 

function verstoppen(id)
{
document.getElementById(id).style.visibility = 'hidden';
}

in de head het volgende aan css:
.mouse2
{
	visibility:hidden;
	background-color: #336699;
	color: #000000;
	width:86px;
	font-size:10px;
	position:absolute;
	top:52px;
	left:379px;
	padding:4px;
	border:1px solid white;
	height: 38px;
}  

.nomouse 
{
color: #000000;
font-weight:bold;
}

en in de body de volgende divjes:
<div class="nomouse" onMouseOver="latenzien('toverdiv')" onMouseOut="verstoppen('toverdiv')">[?]</div>

<div class="mouse2" id="toverdiv">Requested Exclusivity </div>

function latenzien(id)
{
document.getElementById(id).style.visibility = 'visible';
} 
 
function verstoppen(id)
{
document.getElementById(id).style.visibility = 'hidden';
}
 
in de head het volgende aan css:
.mouse2
{
	visibility:hidden;
	background-color: #336699;
	color: #000000;
	width:86px;
	font-size:10px;
	position:absolute;
	top:52px;
	left:379px;
	padding:4px;
	border:1px solid white;
	height: 38px;
}  
 
.nomouse 
{
color: #000000;
font-weight:bold;
}
 
en in de body de volgende divjes:
<div class="nomouse" onMouseOver="latenzien('toverdiv')" onMouseOut="verstoppen('toverdiv')">[?]</div>
 
<div class="mouse2" id="toverdiv">Requested Exclusivity </div>