Не могу сделать выпадающий список

[Tvim]

Помогите пожалуйста сделать вып. список,
Он должен открываться при клике и закрываться с задержкой при выводе мыши с блока, вообщем как на этом сайте http://www.ea.com/ru/games

 

[Volter9]

Делаешь вот такую структуру:

<ul id="menu">
   <li class="menu close">
    <span class="label">Табличка</span>
    <ul>
	 <li>Первый Пункт</li>
	 <li>Второй Пункт</li>
	 <li>Третий Пункт</li>
    </ul>
   </li>
  </ul>

Стили:

#menu, #menu ul {
    margin: 0px;
    padding: 0px;
   }
  
   .menu {
    list-style: none;
    margin: 0px;
    padding: 10px;
   }
  
   .menu li {
    list-style: none;
    margin: 0px;
    padding: 0px;
   }
  
   .close ul {
    display: none;
   }
  
   .open ul {
    display: block;
   }

и JS:

function load() {
    var menu = document.getElementById("menu");
    var li = menu.getElementsByTagName("li")[0];
   
    var o = 0;
   
    li.onclick = function () {
	 if (o == 0) {
	  this.setAttribute("class","menu open");
	  o++;
	 }
	 else {
	  setTimeout(function() {li.setAttribute("class","menu close");},100);
	  o--;
	 }
    };
   }
window.addEventListener("DOMContentLoaded",load);

Пробовал только в FF, в остальных сами попробуйте... Про IE молчу!