Html ie8 don'中的菜单；跑不动

我有一个在ie8中不运行的web菜单，在ie7中运行得很好，我不知道什么时候出现问题

这是html的代码

<div class="menu">
                <ul class="opcions"> 

                    <li class="menu_serveis"><a href="index.php?s=2&i=<? echo $i; ?>" title="serveis">serveis</a></li> 
                    <li class="menu_grafic"><a href="index.php?s=3&i=<? echo $i; ?>&p=0" title="grafic">grafic</a></li> 
                    <li class="menu_logos"><a href="index.php?s=4&i=<? echo $i; ?>" title="logos">logos</a></li> 
                    <li class="menu_senyalitzacio"><a href="index.php?s=5&i=<? echo $i; ?>" title="senyalitzacio">senyalitzacio</a></li> 
                    <li class="menu_planimetria"><a href="index.php?s=6&i=<? echo $i; ?>" title="planimetria">planimetria</a></li> 
                    <li class="menu_webs"><a href="index.php?s=7&i=<? echo $i; ?>" title="webs">webs</a></li>
                    <li class="menu_exposicions"><a href="index.php?s=8&i=<? echo $i; ?>" title="exposicions">exposicions</a></li>
                    <li class="menu_museografia"><a href="index.php?s=9&i=<? echo $i; ?>" title="museografia">museografia</a></li>
                    <li class="menu_packaging"><a href="index.php?s=10&i=<? echo $i; ?>" title="packaging">packaging</a></li>
                    <li class="menu_historic"><a href="index.php?s=11&i=<? echo $i; ?>" title="historic">historic</a></li>
                </ul> 
                </div>

网站的url为：

---

我能做什么？

只需在

处将
文本缩进：-9000%
替换为
文本缩进：-9000px
。选项a

也适用于IE8：

---

是的，因为25anys DIV位于菜单上方。隐藏它，或正确地实现它（通过设置z索引，即），它将工作；-）谢谢Armin，但我把菜单放在了z-index:5；和25anys z-index:0，不运行…谢谢！为了使z-index有效，您当然需要在DIV.menu中添加“position:relative；”。也许您想通过将我的答案标记为正确答案来表示感谢；-）您是否使用一些应用程序查看div是否在菜单上方？谢谢

ul,li {
    list-style-type:none;
    }

.menu{
    height:350px;
    float:left;
    margin-left:-40px;
    }

.opcions li {
    float:left;
    margin-bottom:2px;
    }

.opcions a {
    background:url('../../img/menu.png');
    display:block;
    width:380px;
    height:200px;
    text-indent:-9000%
    }


/*ESTADO NORMAL             -190px   */
.menu_serveis a {width:190px;height:20px; background-position:0px 0px;}
.menu_grafic a {width:190px;height:20px; background-position:0px -20px;}
.menu_logos a {width:190px;height:20px; background-position:0px -40px;}
.menu_senyalitzacio a {width:190px;height:20px; background-position:0px -60px;}
.menu_planimetria a {width:190px;height:20px; background-position:0px -80px;}
.menu_webs a {width:190px;height:20px; background-position:0px -100px;}
.menu_exposicions a {width:190px;height:20px; background-position:0px -120px;}
.menu_museografia a {width:190px;height:20px; background-position:0px -140px;}
.menu_packaging a {width:190px;height:20px; background-position:0px -160px;}
.menu_historic a {width:190px;height:20px; background-position:0px -180px;}

/*ESTADO ROLLOVER*/
.menu_serveis a:hover {background-position:-190px 0px;}
.menu_grafic a:hover {background-position:-190px -20px;}
.menu_logos a:hover {background-position:-190px -40px;}
.menu_senyalitzacio a:hover {background-position:-190px -60px;}
.menu_planimetria a:hover {background-position:-190px -80px;}
.menu_webs a:hover {background-position:-190px -100px;}
.menu_exposicions a:hover {background-position:-190px -120px;}
.menu_museografia a:hover {background-position:-190px -140px;}
.menu_packaging a:hover {background-position:-190px -160px;}
.menu_historic a:hover {background-position:-190px -180px;}

/*ESTADO ACTIVO*/
.menu_serveis a.active {background-position:-190px 0px;}
.menu_grafic a.active {background-position:-190px -20px;}
.menu_logos a.active {background-position:-190px -40px;}
.menu_senyalitzacio a.active {background-position:-190px -60px;}
.menu_planimetria a.active {background-position:-190px -80px;}
.menu_webs a.active {background-position:-190px -100px;}
.menu_exposicions a.active{background-position:-190px -120px;}
.menu_museografia a.active {background-position:-190px -140px;}
.menu_packaging a.active {background-position:-190px -160px;}
.menu_historic a.active {background-position:-190px -180px;}