box con pulsante in basso a destra(crossbrowser)

[stiffa]

ciao a tutti.

non riesco a capire dove sbaglio.


ecco il mio codice

hr{
width:700px;
border: 1px solid #000000;

}


div.pulsante{
float:right;
margin-top:10px;
}


div.box{
    width: 700px;
    height:260px;
    /*margin-left:15px;*/
    margin:10px;

}
div.box img{
    float:left;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-top: 5px;
    border:1px solid;

}



div.box p{
margin:5px;
    padding: 0;
    font-weight: normal;
    line-height: 20px;
    text-align: justify;
}



<div class="box">
              

[img]miaImg.gif[/img]</p>
             
              

testo testotesto testotestotestotestotesto</p>
              <div class="pulsante">[url="b28_foto.php"][img]icon.gif[/img][img]images/scheda_tecnica.gif[/img][/url]</div>
             
            </div>
</hr> 

il problema è che con explore va tutto bene, le mie immagini icon.gif e scheda_tecnica.gif dono prima della linea HR .... ma in mozilla vanno a cavallo della linea.

Per ovviare , aumentando l'altezza del box ottengo cio che voglio.
Anche dando un margin:10px alla linea HR ottengo cio che voglio.
Ma io vorrei che la dimensione sia quella e che in mozilla si vedesse giusto..senza accavallarsi.


E' possibile?


Spero di esser stato chiaro.