¿Cómo puedo realizar lo siguiente?

[Txustra]

Claro, aqui te facilito el código:

Código PHP:

     <?php while($row = mysql_fetch_array($datos)){; 
                                            echo '<div class="grid_12">'; 
                                            echo '<div class="padding-grid-1">'; 
                                            echo '<div class="t1"<b>Informaci&oacuten</b></div>'; 
                                            echo '<div class="infocancion"><b>T&iacutetulo:</b> '.$row['nombrecancion'].'<br>'; 
                                            echo '<b>A&ntildeo:</b> '.$row['anio'].'<br>'; 
                                            echo '<b>&Aacutelbum:</b> '.$row['album'].'<br>'; 
                                            echo '<b>Artista:</b> <a href="main.php?idgrupo='.$row['idgrupo'].'">'.$row['nombregrupo'].'</a><br>'; 
                                            echo '<b>Autor:</b> '.$row['autor'].'</div><br><br>'; 
                                            echo '<div class="t2">M&aacutes del autor...<br></div>'; 
                                            echo '<div class="t3"><b>Letra</b></div><div class="letras"><pre>'.$row['letra'].'</pre></div>'; 
                                            echo '</div>';  
                                            echo '</div>'; 
                                                                                                 
                                            } 
                                             
                                 
                                             
    ?> 
                         
                                            <div class="mcanciones"><?php while($row = mysql_fetch_array($datos2)){;echo '<a href="main2.php?idcancion='.$row['idcancion'].'">'.$row['nombrecancion'].'<br></a>';}?></div>  

Y aquí los del css:

Código PHP:

  .t2 { 
    position:relative; 
    font-size:18px; 
    font-weight:bold; 
    width:200px; 
    text-align:left; 
    margin-top:-20px; 
    z-index:0; 
    } 
 
.t1 { 
    font-size:18px; 
    width:200px; 
 
    } 
     
.t3 { 
    font-size:18px; 
    width:200px; 
    margin-left:380px; 
    margin-top:-225px; 
 
    } 
     
.mcanciones    { 
    border:4px solid #333333; 
    font-size:13px; 
    font-weight:bold; 
    width:210px; 
    height:auto; 
    text-overflow:none; 
    text-align:left; 
    margin-top:260px; 
    padding-left:8px; 
    padding:4px; 
    padding-top:200px; 
    margin-left:38px; 
    }  
   

El problema es que se ve tal que así:


Si por casualidad meto algún "height", todo se me descuadra, los datos de la base de datos se me salen de la caja... un desastre vaya..