Salve a tutti!!
Premetto che sono nuovo a questo forum...(e alle prime, meglio seconde armi con i css...)

Ho un problema che riguarda un'elenco di immagini, con un titolo alla destra (entrambi linkabili), allineate verticalmente con una distanza costante, formattate con i css.
Il problema riguarda la resa non omogenea della distanza tra un div (immagine e titolo) e quello successivo.
In Firefox questa distanza si riduce, è quasi la metà di quella in explorer.
Non capisco se è legato ai margini, o se magari si tratta di un noto bug al quale sicuramente qualcuno ha provveduto ha fornire risposta con relativa tecnica ad hoc...(oppure di una mia dimenticanza, non è da escludersi )
La tecnica che ho utilizzato per rendere l'effetto immagine+titolo utilizza un hr reso invisibile che permette al float di funzionare correttamente..
Ecco il codice:


Codice:
<div id="articoli"> 

<h1>Titolo </h1>

<div class="ttl">
[img]images/1.jpg[/img] 
Titolo
<span class="class_s"> di </span> 
 Nome 
<hr />
</div>

<div class="ttl">
[img]images/2.jpg[/img] 
Titolo
<span class="class_s"> di </span> 
 Nome 
<hr />
</div>



</div>
e il css:

Codice:
.ttl&#123; 
margin&#58; 0;
padding&#58; 0;
&#125;

div.ttl hr &#123;
display&#58; block; 
clear&#58; left; 
margin&#58; 3px 0;  
visibility&#58; hidden;&#125;

#articoli img &#123; 
margin&#58; 3px 20px 3px 0;
padding&#58; 0;
border&#58; 1px solid #a8a8a8;
float&#58; left;  
&#125;

Sarei grato a chi mi desse una dritta in merito!!!!!!!



Mk