Firefox和Chrome中的页面没有正确显示ul

时间:2013-09-23 08:57:03

标签: php html css

我对页面www.redsandsafaris.com进行了更改,更改后右侧边栏未显示css样式表中的图像。如果您导航到德语翻译,redsandsafaris.de它使用完全相同的信息,并且它正常工作。它在IE和Safari中完美显示,但在Chrome和Firefox中则不然。我在这里错过了什么!

<div id="mainrcolIndex">
  <ul>
    <li class="profmain_location">
      <a href="pages/profileMain.html"
         alt="Hunting farms and hunting areas"
         title="Here are your hunting farms and hunting areas in Namibia">
        Hunting Guides & Farms
      </a>
    </li>
    </li>
  </ul>
</div>

#mainrcolIndex ul { list-style-type: none; } 
#mainrcolIndex ul li { } 
#mainrcolIndex ul a { 
  display: block; 
  text-decoration: none; 
} 

li.profmain_location a { 
  height: 45px; 
  width: 240px; 
  float: left; 
  background-image: url(../images/profmain_location.jpg); 
  background-repeat: no-repeat; 
  background-position: right; 
  text-indent: -3000px; 
} 

li.profmain_location:hover a { 
  float: left; 
  height: 45px; 
  width: 240px; 
  background-image: url(../images/profmain_location.jpg); 
  background-repeat: no-repeat; 
  background-position: left; 
} 

1 个答案:

答案 0 :(得分:0)

很难说明你发布的代码数量,但是:

您关闭<li>两次</li></li>,这无济于事