menu b

by alga noto

HTML

<div class="menu-bg">
<ul class="menu">
    <li><a href="#">Who we are</a>

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

        <ul class="dropdown">
            <li><a href="#">MisshionPharma</a>
            </li>
            <li>NanoRepro</li>
            <li>Turmaks</li>
            <li>LMB Technologie</li>
        </ul>
    </li>
    <li><a href="#">Contact us</a>

    </li>
</ul>
</div>

CSS

body {
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    margin:0;
    padding:0;
}
.menu-bg {
    height:120px;
    background:pink;
    width:1000px; margin:0 auto;
}
a {
    text-decoration:none;
    padding:14px;
}
.dropdown {
    position:absolute;
    top:100px;
    left:780px;
}
.menu > li {
    display:inline-block;
    line-height:120px;
}
.dropdown > li {
    display:none;
    padding:18px 24px;
    line-height:14px!important;
    background:blue;
    border-top:1px solid white;
    color:white;
}
.dropdown > li > a:hover {
    color:red;
}
.menu > li:hover > .dropdown > li {
    display:block;
}
.menu {
    list-style:none;
    margin:0;
    height:120px;
    float:right;
}