HTML

    <a title=”Mi Lista” onclick=”show_list(); return false;”  href=”#”>
    <img src=”pulldown.gif” width=”200″  height=”20″ alt=”" />

    </a>
    <div style=”visibility: hidden;” id=”myList” onmouseover=”show_list()” onmouseout=”hide_list()”>
    <ul>
    <li> <a title=”InfectedFX” href=”http://infectedfx.net/”>InfectedFX</a> </li>
    <li> <a title=”KonceptoRadio” href=”http://konceptoradio.com/”>KonceptoRadio</a> </li>
    <li> <a title=”Cinexcepcion” href=”http://cinexcepcion.com/”>Cinexcepci&oacute;n</a> </li>

    <li> <a title=”Go2torials” href=”http://go2torials.com/”>Go2torials</a> </li>
    <li> <a title=”Spiga” href=”http://spiga.com.mx/”>Spiga</a> </li>
    </ul>
    <p class=”close”>
    <a title=”cerrar…” onclick=”hide_list(); return false;”  href=”#”>cerrar</a>

    </p>
    </div>
    </div>

JavaScript

    <script type=”text/javascript”>
    function show_list () { document.getElementById(”myList”).style.visibility = “visible”; }
    function hide_list () { document.getElementById(”myList”).style.visibility = “hidden”; }
    </script>

CSS

    <style type=”text/css” media=”screen”>
    body {
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    font: 69% Verdana, Arial, Helvetica, sans-serif;
    }

    a    {outline:none; text-decoration:none;}

    /* POSICION */

    #pulldown {
    margin:10%;
    }

    #pulldown img{border:none;}

    /* LISTA */

    #myList {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    display: block;
    margin: 1px 0px 0px 0px;
    padding: 0;
    width: 200px;
    }

    #myList ul  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

    #myList ul li a {
    display: block;
    width: 190px;
    padding:3px;
    margin: 2px auto 4px auto;
    border-bottom:1px solid #EEE;
    }

    #myList ul li a:link,
    #myList ul li a:visited{
    background-color:#FFFFFF;
    color: #a80000;
    }
    #myList ul li a:hover {
    background-color: #F7F7F7;
    color: #000000;
    }

    /* BOTON CERRAR */
    .close {margin:0px;}

    .close a{
    text-align:center;
    display:block;
    font-weight:bold;
    padding:3px 0px;
    }

    .close a:link,
    .close a:visited{
    background-color:#EEE;
    color:#333;
    }

    .close a:hover{
    background-color:#990000;
    color:#FFF;
    }
    </style>