在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应该很安全