嵌入的YouTube視頻打破了我固定的左列導航菜單

Question

我有一個兩列布局我有一個主要的div包含一個左和右的div。

1. 正確的DIV是浮動：正確
2. 左格是位置：固定

每這些div都具有另一個主要的div他們裏面，我用它來定位內容。在我右邊的div我有另一個DIV只是我造型在這些div的一個側面的內容我有這個

<iframe width="560" height="315" src="http://www.youtube.com/embed/72t6iauvX1E?wmode=transparent?rel=0" frameborder="0" allowfullscreen></iframe> 

在Chrome中左格並不永遠保持固定。它保持固定的Safari，直到我播放嵌入的視頻。在Firefox中工作正常

我已經使用了？wmode = transparent來嘗試修復此問題，但沒有運氣。

這裏是我的佈局模型，它已經嵌入了YouTube視頻，你可以看到左邊的粉紅色div沒有固定刪除嵌入的iframe，你會看到div現在被修復爲其他內容滾動。

http://jsfiddle.net/2TUaP/

這是推動我瘋了。再次，我已經嘗試添加？wmode = transparent和？wmode = opaque無濟於事。

Answer 1

我一直有列divs和YouTube嵌入類似的問題。絕大多數（不是全部），但大多數視頻（使用PHP從MySql數據庫中提取的代碼）僅在黑盒子中播放音頻。偶爾，該框會彈出列並在div下面堆疊。 Safari中的確切問題，在Firefox中正常工作。 Webkit的問題？

http://www.centerproductionsinc.com挑選任何藝術家簡介

我只好堆列DIV外嵌入作爲一種解決方法，直到我能找到真正的解決辦法。