Css Div以比例悬停移动

请看这里：

当您将鼠标悬停在缩略图上时，通过缩略图上的position:absolute（位置：相对）定位的标题将移动。。在：hover上定义的唯一内容是

transform:scale(1.2);

有没有办法解决这个问题

我需要两个单独的div作为标题，一个用于背景，一个用于文本（不能使用RGBA）

请注意，图像周围的边距需要保留。在本例中，为5px，但也可以为20px或更高

谢谢，

---

Wesley

这是工作html+css

<a href="https://picasaweb.google.com/Darryl.Wilson1/MyPictures02#5157833312913845474"       style="padding:0px;margin:0px" class="thumbnail zoom">

<div class="container" style="padding:0px;margin:0px">
     <img src="http://lh6.ggpht.com/-iMWjZc44UuA/R5ROEhrn7OI/AAAAAAAAAV4/3l2mDuaeQ4Q/s160-c/Acura%252520Advanced%252520Sports%252520Car%252520Concept%25252002.jpg" style="width: 160px;">

    <div class="title_grid inside" style="width: 160px;margin:0px;position:absolute;left:0px ">
    </div>
    <div class="title_grid inside_text" style="width: 160px;">
     <span>&nbsp;Acura Advanced</span>
    </div>
</div>
</a>

谢谢，但我希望每张图像的边距为5px，您可以去掉所有边距。它应该使用5px，20px的边距，这是我曾经对它抛出的值。为什么不将上面发布的代码包装在div标记中，并在它们上加上边距呢？如果没有更简单的解决方案，我想那将不得不这样做！哦，是的，您需要为包装div设置display:inline块，以便在缩放过程中尽可能小