transform: scale при применении к объекту

Добрый день. Вот возник такой технический вопрос. Может кто-то объяснит как решить. - У меня есть 3 объекта (<div>) в них лежит по картинке с одинаковыми параметрами, этим объектам присвоено значение обтекания текстом float: left (Картинки прижаты одна к другой по левому краю).
Дальше я присваиваю див-ам класс со значением transform: scale (0.5) Мои картинки уменьшаются в половину, но при этом они уже не прижаты друг к другу, а занимают по объему столько же как к и 100% картинки, (тоесть создаеться впечатление что у них появляться отступы) есть ли способ этого избежать ?

А давайте наглядно. Ничто не поможет больше, чем фрагмент кода.

Можно, позиционированием, или заданием нужного размера блоком напрямую без трансформации, если вам нужно их уменьшить просто для того чтоб уменьшить, а не для анимации или скрипта, то этот способ не подходит, задавайте напрямую размеры блоку, или картинке которые вы хотите видеть.

а получилось у вас вот что
http://codepen.io/AleksFers/pen/XKRByw