ul li列表元素浮动导致border没有底边解决办法

ul{
        width:60%;
        margin:0 auto;
        overflow: hidden;
        box-sizing: border-box;
        height:50px;
        line-height:50px;
        border-radius: 5px;
        text-align: center;
      }
      li{
        width:50%;
        box-sizing: border-box;
        float: left;
        border:2px solid @pubColor;
        color:@pubColor;
        background-color:#fff;
        /*height:50px;*/
        /*line-height:50px;*/
      }