在Chrome中正確顯示，但在Internet Explorer 11中不能正確顯示

Question

該網站在Chrome和Firefox中看起來很棒：
和

當我在Internet Explorer中打開網站時，在網絡瀏覽器的前兩個頁面的右側有一個巨大的空白：

如何消除Internet Explorer中的空白？ 我是否需要使用專門用於Internet Explorer的媒體查詢？ 是否有CSS駭客之類的東西？ 我嘗試使用媒體查詢，但寫得不正確，基本上弄亂了我的網站。 我刪除了 哦，是的，我可以使用一個網站來測試Safari的網絡瀏覽器。 我正在PC上工作。 任何想法將不勝感激。 :)

更新！：小提琴： http : //jsfiddle.net/5yon04ns/

<p> I have code in the fiddle</p>

Answer 1

嘗試將其添加到您的CSS：

#header img { vertical-align: bottom }

添加到全局CSS應該很安全