Ayuda con css Por Favor :S

[mandragorar]

ola ammm miren tengo una duda ... ando haciendo una web ... es solo comopratica .. no es nada grande .. y tengo el siguiente error

explico .. mi web lo dividi en partes ... luego lo saque y lo uni con php ... y el problema es que cuando meto informacion a la segunda parte el texto se me desborda del margen que le estableci aqui una imagen



y este es el codigo de css

#cabeza{
width:696px;
height:100px;
border:0px solid #ccc;
margin-left:250px;
background: url(imagenes/cab.jpg);


}

#col1{
width:200px;
height:400px;
float:left;
border:0px solid #ccc;
margin-left:250px;
background: url(imagenes/col1.jpg) no-repeat ;
}

#col2{
width:500px;
height:400px;
float:left;
border:1px solid #ccc;
background: url(imagenes/inf.jpg) no-repeat ;
}


y este es el codigo del php

<?php
require('columna1.php');
?>
<div id="col2"><h1 class="bk">

DESTROYER<BR>DESTROYER<BR>DESTROYER<BR>DESTROYER<B R>DESTROYER<BR>DESTROYER<BR>DESTROYER<BR>DESTROYER <BR>
DESTROYER<BR>DESTROYER<BR>DESTROYER<BR>DESTROYER<B R>DESTROYER<BR>DESTROYER<BR>DESTROYER<BR>DESTROYER <BR>DESTROYER<BR>DESTROYER<BR>DESTROYER<BR>DESTROY ER<BR>DESTROYER<BR>DESTROYER<BR>DESTROYER<BR>
</h1></div>
<?php
require('pie.php');
?>



espero la ayuda de ustedes porfavor :S ... ... quisiera que me salga algo asi



quisiera saber que puedo hacer para que el texto permanesca en los parametros establesidos .... y que me salga una barra para poder bajar si en caso haya mas informacion en esa parte

aka les dejo la carpeta de mi trabajo ... para que me puedan ayudar mejor -->> http://www.sendspace.com/file/q3ghn7

[C2am]

Prueba agregandole overflow:auto a col2.
Un poco de material de lectura sobre el tema : http://www.librosweb.es/referencia/css/overflow.html

[mandragorar]

gracias mano si funciono ... ... ammm una cosa mas ... si quiero que el fondo que esta ahy.. en esamisma division ... no se repita pero que salga en toda la division ... que se tiene que pner ... oase mira una imagen ahy