problem z div'ami

[netghoster]

Witam
Mam problem z odsunięciem div'ów od siebie w poziomie.. niby banalne, a jednak już kombinowałem na różne sposoby i nic nie pomaga.. obecnie dałem position:absolute; i wszystkie naskoczyły na siebie.. kiedy tego nie ma są w pionie, a chodzi o poziom. Link do strony http://4ds.pl/projekty/spyhouse/index.php po prawej na górze "aktualne promocje"

kod:

<div class="prawa_gora_promocje">
<div class="prawa_gora_promocje_srodek">

<div class="prawa_gora_promocje_text">
<div class="promocje1">
<div class="vmgroup">

<div class="vmproduct">
<div class=""><div class="spacer2">
<a href="/projekty/spyhouse/component/virtuemart/podsłuch-radiowy-detail.html?Itemid=110" title="Podsłuch radiowy"><img src="/projekty/spyhouse/images/stories/virtuemart/product/resized/15_90x90.jpg" alt="15" class="featuredProductImage" border="0" /></a><div class="clear"></div> <a href="/projekty/spyhouse/component/virtuemart/podsłuch-radiowy-detail.html?Itemid=110">Podsłuch radiowy</a> <div class="clear"></div> </div></div>

<div class=""><div class="spacer2">
<a href="/projekty/spyhouse/component/virtuemart/nawigacja-gps-detail.html?Itemid=116" title="Nawigacja GPS"><img src="/projekty/spyhouse/images/stories/virtuemart/product/resized/124_90x90.jpg" alt="124" class="featuredProductImage" border="0" /></a><div class="clear"></div> <a href="/projekty/spyhouse/component/virtuemart/nawigacja-gps-detail.html?Itemid=116">Nawigacja GPS</a> <div class="clear"></div> </div></div>
</div><div style='clear:both;'> <div class=""><div class="spacer2">
<a href="/projekty/spyhouse/component/virtuemart/minikamera-detail.html?Itemid=111" title="Minikamera"><img src="/projekty/spyhouse/images/stories/virtuemart/product/resized/155_90x90.jpg" alt="155" class="featuredProductImage" border="0" /></a><div class="clear"></div> <a href="/projekty/spyhouse/component/virtuemart/minikamera-detail.html?Itemid=111">Minikamera</a> <div class="clear"></div> </div></div>
</div>

<br style='clear:both;' />

</div>
</div>

</div>


</div>

</div>



</div>


w css główny div:

.spacer2{
overflow: hidden;
margin-top:15px;
height:120px;
position:absolute;
vertical-align: middle;
display: table-cell;
border-width:1px;
border-color:#cccccc;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
}


nie mogę dać do każdego produktu osobnego div'a bo problem już byłby rozwiązany..

z góry dzięki ( Ps. wiem, że za dużo div'ów ale później ogarnę )

[michalszyd]

prawa_gora_promocje ma wartość float: right, a więc przesuwa div maksymalnie do prawej krawędzi.
Albo dodaj margines z prawej strony, albo zmień float na left, i wtedy ustaw margines lewej strony