White space around css3 scale

Question

I have a small issue I want to fix, but can\'t find any good answer :

When I use a scale on a div (which contains other divs), it leave white space around, from the

Answer 1

I solved this with by adding an 'outline: 1px solid transparent' to the element where the scale is applied on.

#wrap:hover .quarter
{
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   transform: scale(0.9);
   -webkit-transform-origin:left top;
   -moz-transform-origin:left top;

   outline: 1px solid transparent;
}