Firefox和chrome中的页面无法正确显示ul

Question

I made changes to a page www.redsandsafaris.com and after the changes the right sidebar is not showing the images from the css style sheet. if you navigate to the german translation, redsandsafaris.de it uses the exact same information and it is working properly. It displays perfectly in IE and safari, but not in Chrome and Firefox. What am I missing here!

<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; 
} 

Answer 1

Hard to tell from the amount of code you have posted but:

You close your <li> twice </li></li> this will not help