ciao a tutti, sono 3 ore che sto smanettando per questa stupidaggine e non ne esco fuori...



Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Prova</title>

    <style type="text/css">
    
    div.Hparagrafo {
        color: #54545d;
        text-align: justify;
        padding: 10px;
    }
    
    div.HPhoto {
        float: left;
        font-style:italic;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        color: #999999;
        background-color: #FBFBFB;
        padding: 10px;
    }
    
    div.imgcontainer{ 
        float: left;
        padding:0 6px 6px 0;
        background: url(dropshadow.jpg) no-repeat bottom right
    }
    
    div.imgcontainer img{ 
        display:block;
        position: relative;
        top: -5px;left: -5px;
        border:1px solid #ccc;
        border-color: #ccc #666 #666 #ccc;
        padding:5px
    }
    
    
    </style>


    </head>
    <body>
        <div class="Hparagrafo">titolo........</div>
        <div class="HPhoto">
            <div class="imgcontainer">[img][/img]</div>
            Descrizione Descrizione Descrizione</div>
        <div class="Hparagrafo">Lorem Ipsum .....</div>
    </body>
</html> 
Ottengo questo risultato:


Vorrei che la descrizione stesse alla destra dell'immagine in basso,
che il div grigio si alto almeno quanto l'immagine
ma la cosa più importante è che Lorem Ipsum venga visualizzato sotto il div grigio

Qualcuno sa aiutarmi???