here is a simple bug i don't know what is going on. the problem is, i have a menu in HTML.the menu actually contains anchor tags but some links are working and others are not even clickable. any help would be appreciated. Thanks a jug

PS:i have same directory for all pages but some are working and other don't.

this is my code for menu.

```
<ul>
    <li><a href="index.php">Home</a></li>
    <li><a href="about.php">About</a></li>
    <li><a href="services.php">Services</a></li>
    <li><a href="menu.php">Menu</a></li>
    <li><a href="price.php">Price</a></li>
    <li><a href="contact.php">Contact</a></li>
</ul>

```

When i go to ABOUT or SERVICES page, i can not go anywhere else because no anchor tag works.

this is my css for menu

```
#menu
{
    background-color:brown;
    width:100%;
    height:auto;
    float:left;
    clear:both;
}
#menu ul {
    list-style: none;
    padding: 0px;
    //margin-left:auto;
    width:900px;
}

#menu li {
    list-style: none;
    padding: 0px;   
    display: inline; 

}

#menu a {
    float: left;
    width: 150px;
    height: 40px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    padding-top: 17px;
    font-size: 15px;
}

#menu a:hover{
    color:#BAD1F3;
}

```