Unnamed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script>
        var timeout = 500;
      var disp = 0;
      var menu = 0;

      function lpop(id)
      {
        notimer();
        if(menu) menu.style.display = 'none';
        menu = document.getElementById(id);
        menu.style.display = 'block';

      }

      function mclose()
      {
        if(menu) {
        menu.style.display = 'none';
             }
      }

      function timerout()
      {
      	disp = window.setTimeout(mclose, timeout);
      }

      function notimer()
      {
        if(disp)
        {
          window.clearTimeout(disp);
          disp = null;
        }

      }
      document.onclick = mclose;
</script>
<style>
#mlc1 {
display: none;
}
</style>
<title></title>
</head>

<body>
<a href="#" class="ms" id="mll1" onmouseover="lpop('mlc1')" onmouseout="timerout()">diplomacy</a>

                  <div id="mlc1" onmouseover="notimer()" onmouseout="timerout()" style="width: 75px; border: solid 1px #fff;">
                    <a href="#">wars</a><br />
                    <a href="#">other</a>
                  </div><br />
                  misc
</body>

</html>