Иконка в различных браузерах

[azamatomus]

Здравствуйте!Не могу настроить вертикальное положение фонового рисунка для span. Проверяю в 5 различных браузерах: Safari, Firefox - съезжает, а Opera, Explorer, Chrome -нормально.

 

#block-search span {    /*Иконка поиска*/

    display: block; 

    margin: 115px 0 0 2px;

    width: 15px;

    height: 15px;

    background: url(/images/icon-search.png);

    position: absolute;

    background-repeat: no-repeat;

}

[psywalker]

Может быть стоит вместо display: block; и margin: 115px 0 0 2px; использовать top: 115px; left: 2px?

 

А вообще непонятно что вам нужно конкретно. Приведите скриншоты того как должно быть и как есть.

[azamatomus]

Я все перепробывал ничего не помогает, применя спец. метатеги, но бестолку, хотелось бы чтобы все было хорошо.Даже создал отдельный css документ, т.к. IE по своему настраивает стили. Вот примеры страницы в разных браузерах.

http://itmages.ru/image/view/2153395/c7255fb1

http://itmages.ru/image/view/2153405/3f9f9b46

http://itmages.ru/image/view/2153407/441b80f2

http://itmages.ru/image/view/2153408/0b5a49e6

[Temiks]

azamatomus, попробуй добавить еще line-height

Edited January 1, 2015 by Temiks

[azamatomus]

Я исследовал страницы с помощью веб инспектора, но вот почему он присваивает значение scroll 0% 0% transparent - mozilla,   а в опере нормально 

http://itmages.ru/image/view/2155148/802f0383

http://itmages.ru/image/view/2155150/8ca607a1

[zenw]

Я исследовал страницы с помощью веб инспектора, но вот почему он присваивает значение scroll 0% 0% transparent - mozilla,   а в опере нормально 

 

Не имеет значения, это дефолтные значения, они и так подразумеваются.

[azamatomus]

как можно настроить правильное вертикальное расположение?

[azamatomus]

подскажите пожалуйста как можно решить вопрос