Ho dei messaggi in visualizzazione all'interno di un div!

<div class="box"> messaggio </div>

.box{
padding: 4px;
padding-top: 25px;
background-color: #ffffff;
text-align: left;
font-family: arial;
font-size: 10pt;
}


e fin qui andava tutto bene!
poi ho messo un'immagine all'interno che resta sulla destra con un float quindi:
<div class="box"> messaggio <div class="immagine">immagine.jpg</div></div>

.immagine{
width: 100px;
height: 100px;
float: right;
}

L'immagine si vede e resta a destra affiancando il testo però i messaggi spariscono e non si leggono, solo se si fà uno scroll di pagina su e giù compaiono, mi sapete dire come mai ?