Javascript-форум - ошибка в меню

есть страница:

<html>	
	<head>

		<title>CSS меню</title>

		<link rel="stylesheet" type="text/css" href="hide.css">

		<script type="text/javascript" src="hide.js"></script>

	</head>

	<body>

		<div id="menu">

			<a href="#" onMouseOver="menu1();">Один</a>

			<div class="inf1">Инфа одн</div>
			<a href="#" onMouseOver="menu2();">Два</a>	
			<div class="inf2">Инфа два</div>
			<a href="#" onMouseOver="menu3();">Три</a>

			<div class="inf3">Инфа три</div>

		</div>
	</body>
</html>

css файл:

Вложение 864

и javascript:

ob1=document.getElementsByClassName('inf1');
ob2=document.getElementsByClassName('inf2');
ob3=document.getElementsByClassName('inf3');
function menu1(){
	ob1.style.display='block';

	ob2.style.display='none';

	ob3.style.display='none';}
function menu2(){

	ob2.style.display='block';
	ob1.style.display='none';

	ob3.style.display='none';}

function menu3(){

	ob3.style.display='block';

	ob1.style.display='none';

	ob2.style.display='none';
}
function close(){

	ob1.style.display='none';

	ob2.style.display='none';

	ob3.style.display='none';
}

это меню, состоит из пунктов "один" "два" и "три" и выпадающей инфы, при наведении мыши. Но почемуто это все не работает, подскажите, где ошибка?