Border Problem!

#menu .menu{
        margin: 0px;
        padding: 0px;
}


#menu .menu li.active > a {
        background:#999999;
}


#menu .menu{
        list-style-type: none;
        width: 1000px;
        background: #FFFFFF;
        }


#menu .menu li a{
        width: 127px;
        height: 42px;
        display: block;
        float:left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 42px;
        text-align:center;
        color: #FFFFFF;
        text-decoration: none;
        border-right: 0px;
        border-left: 0px;
        }


#menu .menu li a img{
        border: 0px;
        }


#menu .menu li:first-child a{
        width: 100px;
        border-left: 4px solid #FFFFFF;
        }


#menu .menu li:last-child a{
        width: 130px;
        border-right: 4px solid #FFFFFF;
        }


#menu .menu li a:hover{
        text-decoration:underline;
        }