css - IE 7,8 中不显示水平菜单背景

Question

该站点在 Mozilla、Chrome 和 IE6 中显示良好。但是IE7以后，菜单背景图片根本就没有出现了。 在文件 moo.menu.css 中，我在 li 中做了以下更改:

.ry-cssmnu ul li {
margin: 0; /* all list items */
padding: 0;
float: left;
display: block;
background: url(../images/mainnav-bg.gif) repeat-x center top blue;/*added this line*/
cursor: pointer;}

在此之后，背景重复仅出现在菜单文本所在的位置。 http://bit.ly/ie8issue
该网站位于:www.agmrcet.com/cons 提前致谢。

Answer 1

您必须为该容器声明一个高度。您的 float 列表项没有给出其父容器高度，因为 float从文档流中删除它们。你的<ul>当前高度为空，背景图像无法解决这个问题。

#mainnav { height:44px; ... }