对齐divs的css问题

Question

我正在使用这个philippedecor.com网站，我很难解决这个CSS问题。 当我把鼠标移到右侧出现的“主要类别”上时，它会显示一个包含链接的下拉菜单。 发生了两件事， 1）在IE（7）中 - 下拉隐藏在另一个div的后面，在ie和ff中，它将其他div放到下面，然后在鼠标外面，看起来很好。

我不确定哪个CSS属性可以解决这个问题。

请帮我

Answer 1

接下来的时间，请您点击网址：http://philippedecor.com/

在Firefox中，我也看到通过菜单，as you can see显示背景的一点点。将鼠标悬停在这个东西上会触发一个鼠标事件，关闭菜单。在IE 7中，我看不到下推效果，只能隐藏Flash面板下的菜单以及其下的所有内容。

要防止菜单压低页面上的其他元素，您应该在#downmenu上使用position: absolute，并且可能将其合并到包含“主类别”的div中，以将其放置在正确的位置。使用合适的z-index可能会阻止下拉菜单在IE中的另一个div下弹出（未经测试，因为我现在在输入此消息的大学没有用于IE的调试工具）。此外，我认为你不应该使用两个包含完全相同内容的菜单，这可能会让你的网站访问者感到困惑（实际上，我没有很好地阅读你的文章，并且对左边的实例没有深入了解）。此外，您不应该在没有提供替代文本的情况下将图片放入图片中，屏幕阅读器等无法以这种方式“查看”（最好使用合适的image replacement technique）。并且li中的所有 完全是不必要的，并且不符合语义HTML的规则;只需使用padding就可以了。顺便说一句，您应该使“主要类别”的圆形光标透明（现在显示两个小白色边角）。只要我的$ 0.02 ...