menu bueno

by alga noto

HTML

<div id="menu_bg">
    <div id="menu_container">
        <div id="logo_container"></div>
        <ul id="nav">
            <li><a href="#aboutus">About us</a>

            </li>
            <li><a href="#">Products</a>

                <ul id="dropdown">
                    <li><a href="#">MissionPharma</a>

                    </li>
                    <li><a href="#">NanoRepro</a>

                    </li>
                    <li><a href="#">Turmaks</a>

                    </li>
                    <li><a href="#">LMB Technologie</a>

                    </li>
                </ul>
            </li>
            <li><a href="#contact">Contact</a>

            </li>
            <li><a href="#">ENG</a>

            </li>
            <li>|</li>
            <li><a href="#">PT</a>

            </li>
        </ul>
    </div>
    <!--close menu_container-->
</div>
<!--close menubg container-->

CSS

#nav {
    list-style: none;
    float:right;
}
#nav > li {
    margin-bottom: 2px;
    display: inline-block;
    font-family:'Open Sans', sans-serif;
    background: #040f1c;
    color: #666;
    font-size: 13px;
    line-height:80px;
    text-transform: uppercase;
}
#nav > li > a {
    text-decoration: none;
    color:red;
    padding-top: 0px;
    padding-right: 24px;
    padding-bottom: 38px;
    padding-left: 20px;
}
#nav > li > a:hover {
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #00b4db;
    color: #00b4db;
}
#nav .current a {
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #00b4db;
    color: #00b4db;
}
.current {
}
#dropdown {
    position:absolute;
margin-left:-40px;
}
#dropdown > li {
    display:none;
    background:#13B3E8;
    border-top:1px solid white;
    color:white;
    box-shadow: 2px 2px 5px #888888;
    padding: 0 42px 0 24px;
    margin:0;
    line-height:60px;
}

#dropdown > li > a {
   padding:0;
    margin:0;
}
#nav > li:hover > #dropdown > li {
    display:block;
}
#menu_bg {
    margin-top:0;
    width:100%;
    background-color:#040f1c;
    position:fixed;
    height:106px;
    z-index:10;
}
#menu_container {
    width:960px;
    height:106px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    z-index:10;
}