在IE中顯示多行的菜單

我正在網站上工作。該網站在Chrome中運行良好，但在IE中，菜單顯示爲多行。請幫忙。由於
在IE中顯示多行的菜單

CSS是，

#menu{ 
    margin-left: 353px; 
    margin-top: -70px; 
    padding-bottom: 16px; 
}

不是答案增加#menu的寬度（這就是爲什麼它是一個評論），但你不應該使用圖像在您主導航來2012年。特別是當他們只是文字。 – MrMisterMan

菜單div的容器是什麼樣的？我猜問題是菜單div的寬度。您是否嘗試過使用IE開發人員工具檢查它並將其與Chrome進行比較？ –

@JeffSiver：謝謝，問題在於div的寬度。我沒有定義div的寬度。我剛回來定義寬度，它工作正常。謝謝 –

這解決了問題，只是50px-

#menu { 
    width: 550px; 
}

2012-06-07 13:23:32 Dipak

是的，解決了這個問題。但是，我沒有給它分配一個寬度。你怎麼預測它是500px？ –

在CSS中有一個寬度：500px到#menu - 現在您已將它設置爲600px。好！ :) – Dipak

我有一個沒有寬度的菜單'ul'，有時''li'會崩潰成幾行，直到出現一個mouseover事件，並且所有東西都排成一行。在'ul'中添加一個'min-width'並不是我想要它工作的方式，但是在這種情況下它解決了我的問題。 –

我沒有IE這臺機器上，但嘗試添加：

#menu a img { 
    border: 0; 
}

你的CSS。

2012-06-07 13:09:22 MrMisterMan

謝謝。這解決了邊界問題。但是，導航仍然分爲多行 –

#menu{ 
    margin-left: 353px; 
    margin-top: -70px; 
    padding-bottom: 16px; 
    width:550px; 
}

添加寬度解決了問題。由於

2012-06-07 13:21:41

回答