如何讓水平菜單過大時向左移動

Question

我在我的網站上有水平菜單：http://www.alcmariavictrix.nl 當我在小型瀏覽器（IPhone）中瀏覽它時，頂部的水平菜單被擰緊。當瀏覽器無法在一行中顯示時，我想要執行的是將左側水平菜單置於左側。

有誰知道如何做到這一點？ 例如：

The right way http://www.alcmariavictrix.nl/images/right-way.png 正確的方式做到這一點

The wrong way http://www.alcmariavictrix.nl/images/wrong-way.png 這是我不想

This should the wrong way be doing http://www.alcmariavictrix.nl/images/this-should-do.png 的認爲這是如何當它是錯的，應該做

Answer 1

這似乎爲我達到了預期的效果（我沒有iPhone，所以我無法在該環境中測試）：

#header { 
background:transparent url(images/design/header_bg_home.png) no-repeat scroll right bottom; 
clear:both; 
height:325px; 
width:960px; 
position:relative; /* added */ 
} 

#menu_horiz { 
height:81px; 
position:absolute; /* added */ 
right:24%;   /* added, tweak this value if needed */ 
/* removed: 
    float:left; 
    margin-left:206px; 
    width:542px; */ 
}