Выравниваем меню по ширине блока

    <nav class="menu">
        <li><a href="index.html" rel="nofollow">Главная</a></li>
        <li><a href="products.html" rel="nofollow">Продукция</a>
            <ul>
                 <li><a href="veniki.html" rel="nofollow">Веники</a></li>
                 <li><a href="hueniki.html" rel="nofollow">Хуеники</a></li>
            </ul>
        </li>
        <li><a href="about.html" rel="nofollow">О компании</a></li>
        <li><a href="license.html" rel="nofollow">Условия использования</a></li>
    </nav>

CSS:

    .menu {
         position: relative; display: table;
         width: 100%; height: 50px;
    }
    .menu li {
        display: table-cell; position: relative;
    }
    .menu li a {
        display: block; position: relative;
        width: 100%; height: 100%;
        text-align:center;
        line-height: 50px; /* для того чтобы отцентрировать текст по вертикали */
    }
    .menu li ul {
        display: none; position: absolute;
        width: 100%;
        margin: 0px; padding: 0px;
        border: 2px solid green;
    }
    .menu li ul li { display: block; }
    .menu li:hover ul { display: block; }