Css 水平菜单：如何并排获取li项（无空格）？

我希望列表元素并排排列。我不希望在分区的顶部和底部之间有任何空间。当我悬停链接时，我希望背景颜色改变，它必须是整个分区的高度。对不起，我的英语不好。我用的更少了。这是我的密码：

HTML:

---

尝试在

元素上设置填充，从

元素中删除填充，并为

元素设置一个

框大小：边框框

，以在其定义的高度中包含填充

     .upper-nav{
        list-style-type: none;
        background-color: #003264;
        height: auto;
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
     }
     .upper-nav li{
        display: inline;
        list-style-type: none;
        background-color: #003264;
        vertical-align: middle;
        float: left;
        height: 50px;
        text-transform: uppercase;
        .selected{
           background-color: #fff;
        }
        a:link, a:visited{
           background-color: #003264;
           color: #fff;
           display: inline-block;
           height: 100%;
           text-decoration: none;
           -moz-box-sizing: border-box;
           box-sizing: border-box;
           padding: 10px;
        }
        a:hover, a:active{
           background-color: #fff !important;
           color: #003264;
           display: inline-block;
           height: 100%;
           text-decoration: none;
           -moz-box-sizing: border-box;
           box-sizing: border-box;
           padding: 10px;
        }
    }

---

快速看一眼，一切似乎都很好。请你拉小提琴好吗？这会更容易。。。或者至少描述一下确切的问题。。。你想要X，但你现在得到了什么？到底缺少什么呢？从li中移除填充物并将填充物添加到a中就成功了。谢谢

.upper-nav {
    list-style-type: none;
    background-color:#003264;
    height:auto;
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
}
.upper-nav li {
    display:inline;
    list-style-type: none;
    background-color:#003264;
    padding:10px;
    vertical-align: center;
    float:left;
    height:50px;
    text-transform: uppercase;
    .selected {
        background-color:#fff;
    }
     a:link, a:visited {
        background-color:#003264;
        color:#fff;
        display: inline-block;
        height:100%;
        text-decoration: none;
    }
    a:hover, a:active {
        background-color:#fff !important;
        color:#003264;
        display: inline-block;
        height:100%;
        text-decoration: none;
    }
}

     .upper-nav{
        list-style-type: none;
        background-color: #003264;
        height: auto;
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
     }
     .upper-nav li{
        display: inline;
        list-style-type: none;
        background-color: #003264;
        vertical-align: middle;
        float: left;
        height: 50px;
        text-transform: uppercase;
        .selected{
           background-color: #fff;
        }
        a:link, a:visited{
           background-color: #003264;
           color: #fff;
           display: inline-block;
           height: 100%;
           text-decoration: none;
           -moz-box-sizing: border-box;
           box-sizing: border-box;
           padding: 10px;
        }
        a:hover, a:active{
           background-color: #fff !important;
           color: #003264;
           display: inline-block;
           height: 100%;
           text-decoration: none;
           -moz-box-sizing: border-box;
           box-sizing: border-box;
           padding: 10px;
        }
    }