Menu Drop Down Fluid

Menu Drop Down Fluid

by Angelo Rogério Rubin

HTML

<ul class="navbar">
    <li>
        <a href="#">One</a>
    </li>
    <li>
        <a href="">Two</a>
    </li>
    <li>
        <a href="">Three</a>
    </li>
    <li>
        <a href="">Four</a>
    </li>
</ul>

CSS

ul.navbar {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    font-family: verdana;
    font-size: 12px;
}

ul.navbar li {
    display: table-cell;
    margin: 0;
    background: #ffa701;
    text-align: center;
    padding:10px;

}

ul.navbar li:hover {
    display: table-cell;
    margin: 0;
        padding:10px;
    background: #CCC;

}

ul.navbar li a {
    display: block;
}