В настоящее время я работаю над сайтом, который должен быть хорошо представлен на устройствах iOS, в первую очередь на iPad. Все работает отлично, за исключением использования спрайта в качестве фонового изображения. Высота / ширина точна и работает в любом браузере, но с iOS версии 4.3.2 и ниже я получаю следующее:
Вот CSS для этих двух элементов:
#masthead > a {
float: left;
display: block;
margin: 23px 80px 20px 5px;
padding: 0;
width: 235px;
height: 20px;
background: url(../../img/sprite.png) 0 0 no-repeat;
}
Вот скриншот:
А это спрайт: