Ciao a tutti

,
hop un piccolo problemino da risolvere.. Sto cercando di creare una div class in maniera tale da contenere più elementi su una stessa posizione.. Nel'index.php ho inserito il seguente codice:
<div class="eventi&offerte">
<div id="user00">
<jdoc:include type="modules" name="user00" style="xhtml"/>
</div>
Nel template.css ho inserito nelle proprietà dell'id "user00" queste caratteristiche:
#user00
{
float:left;
margin-left:-225px;
margin-top:109px;
position:relative;
z-index:5;
}
Ora qui ho dei piccoli problemi.. come potete vedere dall'immagine:

In evidenzia lo spazio superfluo tra un modulo e l'altro.. ho provato a cambiare qualche caratteristica sul template.css-#user00 ma non sto riuscendo ad ridurre lo spazio tra i rettangoli rossi.. potete aiutarmi o magari consigliarmi qualche altro metodo??.. Grazie!! a presto