div沒有正確排隊

Question

我有一個標題，我有一個水平重複的背景圖像。它內部的內容設置爲ul列表。我想把他們中的一些留下，一個留在右邊。在ul列表作爲我的標題結尾處的帽子之後，我也有一個div。這頂帽子有一個圓角。我也有這個集合可以正確地浮動，這就是問題所在。我發佈了一個虛擬版本供您查看。任何人都可以告訴我，我可以如何讓輸入字段持有者正確地浮動，並且仍然可以將我的帽子浮動，而不會像現在這樣將其設置在標題下方。

Link to header html

Answer 1

這工作：

<ul> 
    <li class="live"><a href="#">button1</a></li> 
    <li class="schedule"><a href="#">button2</a></li> 
    <li class="dvr"><a href="#">button3</a></li> 
    <li class="leftCap"></li> 
    <li class="tools"> 
     <form class="search" action="get"> 
     <input class="searchField" name="q" maxlength="40"> 
     </form> 
    </li> 
</ul> 

你leftcap是UL作爲一個div之外，但將它放在裏面UL將糾正這一點。