Css 两个div（菜单和内容）相邻，具有透明的边距

我知道这个问题已经有解决办法了。然而，我正在寻找一个特殊的解决方案。左侧菜单栏应为固定宽度，而右侧内容区应为动态宽度。我能做到

但是，菜单和内容中的文本不得从边缘开始。顶部和左侧应该有一点空白

我尝试了以下CSS代码：

<div id="menu" style="background-color:#FFD700;height:400px;width:150px;padding-left:15px;float:left;">
Menu 1<br />
Menu 2<br />
</div>

<div id="content" style="background-color:#EEEEEE;height:400px;margin-left:180px;">
Contents...
</div>

菜单1

菜单2

目录

然而，我在菜单和内容之间有一个白色的条带。所有页边距必须透明。此外，该网页应在IE9、Chrome和FF中工作

我的问题是，如何使文本显示在左上角，而不会在IE9/FF/Chrome中出现令人讨厌的白色条纹？

---

任何帮助都将不胜感激。谢谢：）

看看这个。这就是您想要的吗？

您是否尝试过使用填充来偏移文本？填充发生在盒子内部，所以填充区域仍然有你的背景颜色。是的，我试过了。虽然它在Chrome中运行良好，但在IE中会产生非常奇怪的结果。IE将文本180px放在菜单栏的末尾，但文本距离站点（容器）边框应为180px。此外，我得到了一个小的白色条纹在IE。这在FF和铬很好的工作。但是，在IE9中不起作用。有没有办法让IE9以Chrome相同的方式渲染样式？好的，我做了一些更改，请再次查看。对不起。在IE中产生相同的结果，而且这次在Chrome/FF中不起作用。我不明白，在FF/Chrome中为我工作，甚至在IE 7/8/9中我的结果：（没有溢出）（有溢出）。。。不知道出了什么问题：(