導航菜單滲出容器再次

Question

上午...，

對不起，打擾大家，但我需要更多的幫助......我沒有在年齡做任何真正的編碼所以這裏去...

我試圖做一個橫向導航菜單，這裏是我的html

<nav> 
<ul id="navmenu"> 
    <li><a href="" title="" class="selected">Link 1</a></li> 
    <li><a href="" title="">Link 2</a></li> 
    <li><a href="" title="">Link 3</a></li> 
    <li><a href="" title="">Link 4</a></li> 
    <li><a href="" title="">Link 5</a></li> 
<ul> 
<nav> 

現在我有以下的CSS

/* menu */ 
ul#navmenu{ 
    border-top:1px solid #FFF; 
    background:#e60000; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    padding-left:30px; 
} 

ul#navmenu li{ 
    display:inline; 

} 

ul#navmenu li a{ 
    color:#fff; 
    text-decoration:none; 
    /* 
    padding-left:15px; 
    padding-right:15px; 
    */ 
    padding:15px 15px 15px 15px; 
} 

ul#navmenu li a.selected{ 
    color:#e60000; 
    text-decoration:none; 
    /* 
    padding-left:15px; 
    padding-right:15px; 
    */ 
    padding:15px 15px 15px 15px; 
    background:#fff; 
} 

我想鏈接到李的中心坐着看是這樣的：

但是含有UL似乎並沒有包含LIS，它們滲出的容器。我曾與溢流管的高度，但沒有起到周圍似乎工作......這裏是一個最壞的情況下...

沒有任何一個有什麼想法？

Answer 1

給予顯示：塊到您的<a>因爲<a>在inline元左右，inline元素不採取vertical margin，vertical padding，width & height

入住這http://jsfiddle.net/T8eNe/2/

但首先關閉UL & NAV

Answer 2

對於初學者來說，我很害怕d正確地關閉<ul>和<nav>標籤，然後檢查以確保父容器已左移。

Answer 3

給inline-block到你的錨

ul li a { display: inline-block; }