JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

<div id="header">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td valign="bottom" width="150">LOGO</td>
        <td align="right" valign="bottom">            
            <ul id="menu">
                <li><a href="index.php">Home</a></li>
                <li><a href="index.php">About us</a></li>
                <li><a href="index.php">Men</a></li>
                <li><a href="index.php">Women</a></li>
                <li><a href="index.php">Store Locator</a></li>                
                <li><a href="index.php">Contact us</a></li>
            </ul>        
        </td>
    </tr>
    </table>
</div>
</div>

CSS

body 
{
    /*Taking Out Margins*/
    margin       : 0;
    margin-bottom: 0;
    margin-left  : 0;
    margin-right : 0;
    margin-top   : 0;
    
    font-family: "Futura Lt Book";
    color:#e0e0e0;
    font-size:14px;
    
    background:url(../images/bg.png);

}

#container
{
    position  : relative;
    margin    : 0 auto;
    width     : 950px;
    height    : auto;
    border:solid 0px #ffffff;
    background: #000000;
}

#header
{
    position  : static;
    width     : 950px;
    height    : 100px;
    border:solid 0px #ffffff;
    background: #0d0b09;
}


#menu {
    margin: 0;
    padding: 0;
    display: block;
    overflow: auto;
}

#menu li {
    margin: 1px;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    float: left;
    list-style:none;
}

#menu li a {

    display: block;
    padding-left : 15px;
    padding-right: 15px;
    
    font-family: "Futura Lt Book";
    font-size: 14px;
    color: #a0a0a0;
    text-decoration : none;
}

#menu li a:hover 
{
    color:#ffffff;
    padding-left : 15px;
    padding-right: 15px;
}