<li><a href="#" ><img src="images/hospitality.png" title="" /></a>
Проблема - изображение становится отображенным в синем прямоугольном поле в IE и Mozilla, но не в Chrome. Как я могу удалить то синее поле из IE также?
Или добавьте его в строку Элемент img:
<li>
<a href="#">
<img style="border: 0;" src="images/hospitality.png" title="" />
</a>
</li>
Вы можете настроить этот CSS, чтобы удалить синяя граница на каждом изображении в ссылке:
a img {
border: 0;
}