如果您转到此页面：
http://aimeeandliamswedding.co.uk/home.php
在chrome、firefox这样的浏览器中，它很好，运行良好，
然而，在IE（魔鬼）中访问网站，主要内容区域与侧边栏重叠。我该如何解决这个问题？
没有DOCTYPE。您的页面正在以怪癖模式加载。将其添加到html元素上方的页面顶部。
<!DOCTYPE html>
我可以在CSS中看到一些非传统的方法。首先为什么要使用绝对位置？
您应该添加display:block；和float：左；导航菜单和内容容器。并且无论浏览器如何，它们都将在没有重叠的情况下对齐。
如果你想让它更加防故障，可以添加display:table；在包装器中，添加另一个带有display的包装器：table row；围绕菜单和内容，然后只使菜单和内容显示：表格单元格。
然后，您将有一个div标记结构，它充当一个左右有2个单元格的表，并且它永远不会移动像素。
尽管要记住，作为一种安全的做法，你应该尽可能提供宽度和高度，并记住float元素（如果你决定使用display:block和float元素，这是CSS中的一种常见做法）有时需要CLEARFIX类（你可以在谷歌上搜索它），但在你的情况下，我认为如果你提供宽度和身高，这是没有必要的。