Я внесла изменения на страницу www.redsandsafaris.com, и после изменений правая боковая панель не отображает изображения из таблицы стилей CSS. если вы переходите к немецкому переводу, redsandsafaris.de использует ту же самую информацию и работает правильно. Он отлично отображается в IE и сафари, но не в 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;
}
Трудно сказать по количеству кода, который вы опубликовали, но:
Вы закрываете <li>
дважды </li></li>
это не поможет