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

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

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

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

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

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

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)