I have removed a menu item from a navigation bar but now the bar does not expand to fill the screen width so it is shorter than the actual page content now. How do I make it do this? I tried putting in width:100% but that didn't make any difference.

This is the code I have:

```
   <ul id="PrimaryNav" class="clearfix">
        <li><a href="index.php" title="Home Page">Home</a></li>
        <li><a href="about.php" title="About">About&#47;FAQ</a></li>
        <li><a href="priceguide.php" title="Prices Guide">Price Guide</a></li>
        <li><a href="packages.php" title="Packages">Packages</a></li>
    <!--    <li><a href="laser-lipo.php" title="Laser Lipo">Laser Lipo</a></li> -->
        <li><a href="acne.php" title="Skincare">Skincare</a></li>
        <li><a href="pcos.php" title="PCOS">PCOS</a></li>
        <li><a href="testimonials.php" title="Testimonials" class="last">Testimonials</a></li>
    </ul>

    ul#PrimaryNav {
    margin: 0 auto;
    padding: 0;
    clear: left;
    display: block;
}    
        ul#PrimaryNav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 12.5%;
    float: left;
    background: transparent url('../img/primarynavbg.jpg') bottom left repeat-x;
}
    ul#PrimaryNav li a {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    border-right: solid 1px #f1f1f1;
    border-bottom: solid 1px #dcdcdc;
}

```