Здравствуйте!
Помогите, пожалуйста подправить код. 
У меня на страничке есть меню, пункты находятся в диве. Я хочу чтобы при наведении курсора менялся стиль дива (заливка, стиль шрифта) на "onmouseover". А когда мышь убирают с данного дива, снова становился стиль "onmouseout".
Написала код, но почему-то не работает. Хочу разобраться
<html>
  <script>
     window.onload=f;
     function f(){
			var div=document.getElementsByTagName("div");
			for(i=0; i<div.length; i++){
				div[i].className("onmouseover","this.className='onmouseover';");
				div[i].className("onmouseout","this.className='onmouseout';");
			}
		}
     
   </script>
<style>
table {
width: 50%; 
}
.onmouseout {background-color:#F1F1F1; border:1px solid #000;}
.onmouseover {background-color:#F1B1B1; border:1px solid #FF0000;}
</style>
	
<table align="center">
 <tr>
  <td>
   <div class='onmouseout'> Первый </div>
   <div class='onmouseout'> Второй </div>
   <div class='onmouseout'> Третий </div>
 </td>
</tr>
</table>
</html>