Aca un Menú Horizontal Despegable Black

Muy Facil de Editar,Gracias Wario te Ayuda Por El Fallo del Menú.

Bueno,Aca una vista previa :

Bueno y Aca el Code :

<style media="all" type="text/css">.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    }
.menu ul{
    background:#333333;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
        float:left;
        padding:0px;
        }
    .menu li a{
        background:#333333 url("http://img41.imageshack.us/img41/7743/seperator.gif") bottom right no-repeat;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #2580a2 url("http://img32.imageshack.us/img32/8727/hover.gif") bottom center no-repeat;
            color:#FFFFFF;
            text-decoration:none;
            }
    .menu li ul{
        background:#333333;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:225px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
       
        }
    .menu li li {
        background:url('images/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
        }
    .menu li:hover li a{
        background:none;
       
        }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#2580a2 url('http://img41.imageshack.us/img41/192/hoversub.gif') center left no-repeat;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
        }   

        </style>

<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div class="menu">
<ul>
<li><a href="" target="_self" >Home</a>
<ul>
<li><a href="#" target="_self">Link 1.1</a></li>
<li><a href="#" target="_self">Link 1.2</a></li>
<li><a href="#" target="_self">Link 1.3</a></li>
<li><a href="#" target="_self">Link 1.4</a></li>
<li><a href="#" target="_self">Link 1.5</a></li>
<li><a href="#" target="_self">Link 1.6</a></li>
<li><a href="#" target="_self">Link 1.7</a></li>
<li><a href="#" target="_self">Link 1.8</a></li>
<li><a href="#" target="_self">Link 1.9</a></li>
</ul>
</li>
<li><a href="" target="_self" >Codigos</a>
<ul>
<li><a href="#" target="_self">Link 2.1</a></li>
<li><a href="#" target="_self">Link 2.2</a></li>
<li><a href="#" target="_self">Link 2.3</a></li>
<li><a href="#" target="_self">Link 2.4</a></li>
<li><a href="#" target="_self">Link 2.5</a></li>
<li><a href="#" target="_self">Link 2.6</a></li>
<li><a href="#" target="_self">Link 2.7</a></li>
<li><a href="#" target="_self">Link 2.8</a></li>
<li><a href="#" target="_self">Link 2.9</a></li>
</ul>
</li>
<li><a href="" target="_self" >Recursos WebMaster</a>
<ul>
<li><a href="#" target="_self">Link 3.1</a></li>
<li><a href="#" target="_self">Link 3.2</a></li>
<li><a href="#" target="_self">Link 3.3</a></li>
<li><a href="#" target="_self">Link 3.4</a></li>
<li><a href="#" target="_self">Link 3.5</a></li>
</ul>
</li>
<li><a href="" target="_self" >Scripts</a>
<ul>
<li><a href="#" target="_self">Link 4.1</a></li>
<li><a href="#" target="_self">Link 4.2</a></li>
<li><a href="#" target="_self">Link 4.3</a></li>
<li><a href="#" target="_self">Link 4.4</a></li>
<li><a href="#" target="_self">Link 4.5</a></li>
</ul>
</li>
<li><a href="" target="_self" >Programas</a>
<ul>
<li><a href="#" target="_self">Link 5.1</a></li>
<li><a href="#" target="_self">Link 5.2</a></li>
<li><a href="#" target="_self">Link 5.3</a></li>
<li><a href="#" target="_self">Link 5.4</a></li>
<li><a href="#" target="_self">Link 5.5</a></li>
</ul>
</li>
<li><a href="" target="_self" >Tutoriales</a>
<ul>
<li><a href="#" target="_self">Link 6.1</a></li>
<li><a href="#" target="_self">Link 6.2</a></li>
<li><a href="#" target="_self">Link 6.3</a></li>
<li><a href="#" target="_self">Link 6.4</a></li>
<li><a href="#" target="_self">Link 6.5</a></li>
</ul>
</li>
<li><a href="" target="_self" >Generadores</a>
<ul>
<li><a href="#" target="_self">Link 7.1</a></li>
<li><a href="#" target="_self">Link 7.2</a></li>
<li><a href="#" target="_self">Link 7.3</a></li>
<li><a href="#" target="_self">Link 7.4</a></li>
<li><a href="#" target="_self">Link 7.5</a></li>
</ul>
</li>
<li><a href="" target="_self" >Web Amigas</a>
<ul>
<li><a href="#" target="_self">Link 8.1</a></li>
<li><a href="#" target="_self">Link 8.2</a></li>
<li><a href="#" target="_self">Link 8.3</a></li>
<li><a href="#" target="_self">Link 8.4</a></li>
<li><a href="#" target="_self">Link 8.5</a></li>
</ul>
</li>
<li><a href="" target="_self" >Info</a>
<ul>
<li><a href="#" target="_self">Link 9.1</a></li>
<li><a href="#" target="_self">Link 9.2</a></li>
<li><a href="#" target="_self">Link 9.3</a></li>
<li><a href="#" target="_self">Link 9.4</a></li>
<li><a href="#" target="_self">Link 9.5</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>

Editar Los Link :  <li><a href="#"

Editar Los Nombre de los SubMenu : target="_self">Link 9.5</a></li>

Y Editar Los Menu : <li><a href="" target="_self" >Info</a>

Bueno eso es Todo,Ojalas Que Les Paresca Complejo el Codigo

Es Bonita Ademas ^^

Bueno,Salu2,Y Para poner Este Menu Horizontal en tu Web,Dar Creditos ^^.