DIV i en DIV. Ombrydning af tekst?

Jeg har nogle bokse med produkter i:
.produkt_boks {
    position:relative;
        overflow:hidden;
        width:480px;
        height:120px;
    border: 1px solid #fd931d;
        background-color: #ffffff;
        color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px 0px 15px 0px;
    padding: 10px 10px 10px 10px;
}

Så har jeg et pdf-link, der er placeret i nederste højre hjørne:
.prod_pdf {
        position: absolute;
        overflow: hidden;
    left: 465px;
    top: 107px;
        width: 30px;
        height: 30px;
        background-image: url(../grafik/pdf.jpg);
}

Hvordan får jeg teksten i produkt_boks til at ombrydes omkring prod_pdf?

prod_pdf er placeret øverst.

Teksten i produkt_boks hentes i en database og sættes ind.