Html IE6、IE7 css菜单ul

我认为这是一个微不足道的问题：

所有浏览器和IE 8+显示我的ul菜单：

但IE6和IE7显示：

这个问题有什么解决办法吗？ CSS:

HTML:

可能与此有关

clip:rect（自动，自动，自动，875px）

在

.art nav.r

IE不能很好地处理
clip


看看删除它是否可以修复它。。。如果是这样，您可以使用条件注释向IE发送修改后的css。
可能与此有关

clip:rect（自动，自动，自动，875px）

在

.art nav.r

IE不能很好地处理
clip


看看删除它是否可以修复它。。。如果是这样，您可以使用条件注释将修改后的css发送到IE。
是的，有一个解决方案。。。但是我们有没有可能看到你的html和css呢？只是为了帮我们帮你一点忙….？为什么全世界只有9%的人还在使用IE6呢？你在帮助怪物活着！你是在为项目菜单使用边距还是填充？你给定的html/css，从你的问题粘贴到，不会复制你发布的图片（在Ubuntu 11.04上的Chromium 12和Firefox 5中进行了测试）。你能提供到你的页面的链接吗？是的，有一个解决方案。。。但是我们有没有可能看到你的html和css呢？只是为了帮我们帮你一点忙….？为什么全世界只有9%的人还在使用IE6呢？你在帮助怪物活着！你是在为项目菜单使用边距还是填充？你给定的html/css，从你的问题粘贴到，不会复制你发布的图片（在Ubuntu 11.04上的Chromium 12和Firefox 5中进行了测试）。你能提供一个链接到你的页面吗？
div.art-nav
{
  position: relative;
  height: 25px;
  z-index: 100;
}

.art-nav .l, .art-nav .r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 25px;
  background-image: url('images/nav.png');
}

.art-nav .l
{
  left: 0;
  right: 15px;
}

.art-nav .r
{
  right: 0;
  width: 1040px;
  clip: rect(auto, auto, auto, 875px);
}

/* begin MenuSeparator */


ul.art-menu ul.art-menu-li-separator
{
  display: block;
  width: 1px;
  height: 25px;
}

.art-nav ul.art-menu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 25px;
  background-image: url('images/menuseparator.png');
}
/* end MenuSeparator */
ul.art-menu ul a
{
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 32px;
  width: 180px;
  overflow: hidden;
  line-height: 32px;
  background-image: url('images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 0;
  border-style: solid;
}

ul.art-menu ul a, ul.art-menu ul a:link, ul.art-menu ul a:visited, ul.art-menu ul a:hover,ul.art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 32px;
  color: #FFFFFF;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 13px;
  margin:0;
  padding:0;
}

ul.art-menu ul li a:hover
{
  color: #000000;
  background-position: 0 -32px;
}

ul.art-menu ul li:hover>a
{
  color: #000000;
  background-position: 0 -32px;
}

.art-nav ul.art-menu ul li a:hover span, .art-nav ul.art-menu ul li a:hover span span
{
  color: #000000;
}

.art-nav ul.art-menu ul li:hover>a span, .art-nav ul.art-menu ul li:hover>a span span
{
  color: #000000;
}
************************/

<div class="art-nav">
                &nbsp;&nbsp;&nbsp;
        <a href="javascript:__doPostBack('ctl00$lbLang','')" id="ctl00_lbLang"><span class="l"></span><span class="r"></span><span class="t"><img border="0" src="slm/me.jpg"></span></a>
        <a href="javascript:__doPostBack('ctl00$lbLangJez2','')" id="ctl00_lbLangJez2"><span class="l"></span><span class="r"></span><span class="t"><img border="0" src="slm/UNKG1.jpg"></span></a>
                    <div class="l"></div>
                    <div class="r"></div>
                    <ul class="art-menu">
                        <li>

        <a href="News.aspx" class="active" id="ctl00_hlNovosti"><span class="l"></span><span class="r"></span><span class="t">Novosti</span></a>
                        </li><li class="art-menu-li-separator"><span class="art-menu-separator"></span></li><li>
        <a href="roules.aspx" class="active" id="ctl00_hlPravilaKladjenja"><span class="l"></span><span class="r"></span><span class="t">Pravila kladjenja</span></a>
                        </li><li class="art-menu-li-separator"><span class="art-menu-separator"></span></li><li>
        <a href="onama.aspx" class="active" id="ctl00_hlOnama"><span class="l"></span><span class="r"></span><span class="t">O nama</span></a>
                        </li><li class="art-menu-li-separator"><span class="art-menu-separator"></span></li><li>
        <a href="UplatnaMesta.aspx" class="active" id="ctl00_hlUplatnaMesta"><span class="l"></span><span class="r"></span><span class="t">Uplatna mesta</span></a>
                        </li>
                    </ul> 
                </div>