¿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..