Ik heb een Div met hierin 4 afbeeldingen.
Echter door de css3 scale gaat de div een stukje naar rechts.
Iemand enig idee hoe ik dit weer naar links krijg?
<div id="home_photos">
<a href="/webshop"><img class="outer_glow" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_1_groot.jpg" /></a>
<a href="/webshop"><img class="outer_glow" style="margin-left: 246px;" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_2_groot.jpg" /></a>
<a href="/webshop"><img class="outer_glow" style="margin-left: 484px;" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_3_groot.jpg" /></a>
</div>
#home_photos {
padding-left: -200px;
height: 280px;
}
#home_photos img {
margin-top: -128px;
}
a .outer_glow {
-moz-box-shadow: 0 0 7px #888;
-webkit-box-shadow: 0 0 7px#888;
box-shadow: 0 0 7px #888;
-webkit-transition: all .8s ease-in-out;
position: absolute;
-webkit-transform: scale(0.5);
}
a .outer_glow:hover {
-webkit-transform: scale(1.0);
z-index: 9999;
}EDIT:
Probleem opgelost met divjes om de img heen zetten.