Este es el css de mi menu 
    
Código CSS:
Ver original#sddm
{   margin: 0;
    padding: 0;
    z-index: 30}
 
#sddm li
{   margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial}
 
#sddm li a
{   display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: 232px;
    background: #5970B2;
    color: #FFF;
    text-align: left;
    text-decoration: none}
 
#sddm li a:hover
{   background: #49A3FF}
 
#sddm div
{   position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2;
    width: 100%}
 
    #sddm div a
    {   position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}
 
    #sddm div a:hover
    {   background: #49A3FF;
        color: #FFF}