Не могу убрать отсуп в 1px при transform:scale

[sovsem-nub]

Есть картинка на черном фоне размером в картинку. При наведении на картинку она становится прозрачной и увеличивается до 1.1 (края обрезаются под начальный размер)
Так вот, косяк в том, что в начале масштабирования картинка сдвигается на 1 пиксель и под ней становится виден черный фон. То есть получается черная полоска по одному или двум краям картинки.
Этот косяк отлично виден в ie и в хроме если нажать ctrl++
Вот тут демка с четырьмя картинками браслетов http://heeg.ru/test/heeg.html#index все картинки одинаковые, а черная полоска проявляется с разных сторон.

Может кто-нибудь встречался с таким при масштабировании?

[Coriolan161]

Да нормально всё в хроме.

[Botik21]

Ахах проблема действительно есть. Причём она действует на соседние картинки
Но боюсь в этой помойке никто разбираться добровольно не будет.

[sovsem-nub]

Ахах проблема действительно есть. Причём она действует на соседние картинки
Но боюсь в этой помойке никто разбираться добровольно не будет.

Это понятно, копаться в стилях смысла нет. Я и так кучу времени на это убил. Вопрос в том, встречался ли кто-то с таким косяком? почему при масштабировании он сначала на пиксель отступает?

[Coriolan161]

sovsem-nub,
В натуре полоска есть. Только на оранжевых и синих.

Короче это либо полоска с бекграунда span-контейнера, либо цвета img
Поэтому:
1) попробуй поменять свойство background-color: #fff; для .onclean span

2) попробуй сделать border: 0 none #fff; для .onclean span img

3) попробуй сделать color: #fff; для .onclean span img

4) есть ещё одна мысль: твой img по ширине не доходит до правого края контейнера и появляется эта шляпа (исходя из 1, 2, 3)