problema al maquetar un bloque de informacion

[rufus]

gracias c2am por responder mira

lo que quiero es que la segunda caja con el listado del segundo disco se situe debajo de la primera lista de canciones del disco anterior.

te pongo el enlace a la pagina (pero esta sin actualizar)

www.jamondemono.com

en la seccion letras

veras a la izquierda el listado de canciones a la derecha cada cancion con su letra y con botones de ancla para volver arriba.

pues bien debajo de la caja que esta a la izquierda ("la que contiene el listado de canciones") quiero poner otra caja justo debajo de la primera con el otro listado.

paso a ponerte mas codigo:

Código HTML:

<div class="tituloSeccion">Letras de canciones</div>
            
            <div class="smallBox floatLeft">
                <div class="smallBoxTop"></div>
                <div class="smallBoxBody black50">
                    <b>Selecciona cancion. Disco "Se busca banda"</b>
                    <ol>
                        <li><a href="#1">C&oacute;mo te lo montas</a></li>
                        <li><a href="#2">Tu y yo</a></li>
                        <li><a href="#3">La movida</a></li>
                        <li><a href="#4">Malos tiempos</a></li>
                        <li><a href="#5">Oye Juaqui</a></li>
                        <li><a href="#6">Inma y Estela</a></li>
                        <li><a href="#7">Es lo que hay</a></li>
                        <li><a href="#8">La sombra</a></li>
                        <li><a href="#9">Ostias hostiles</a></li>
                        <li><a href="#10">Un cl&aacute;sico</a></li>
                        <li><a href="#11">No puede ser</a></li>
                        <li><a href="#12">El T&uacute;nel</a></li>
                    </ol>
                    <div class="clear"></div>
                </div>
                <div class="smallBoxBottom"></div>
            </div>
            
            <div class="smallBox2 floatLeft">
                <div class="smallBoxTop2"></div>
                <div class="smallBoxBody2 black502">
                    <b>Selecciona cancion. Disco "La democracia ha muerto"</b>
                    <ol>
                        <li><a href="#1">Callejuelas</a></li>
                        <li><a href="#2">Contrabandista</a></li>
                        <li><a href="#3">Fundamentalismo</a></li>
                        <li><a href="#4">La cosa esta jodida</a></li>
                        <li><a href="#5">La moto</a></li>
                        <li><a href="#6">No me atrevo</a></li>
                        
                    </ol>
                    <div class="clear"></div>
                </div>
                <div class="smallBoxBottom2"></div>
            </div>
            
            <div class="mediumBox floatRight">
                <a name="1"></a>
                <div class="mediumBoxTop"></div>
                <div class="mediumBoxBody black50">
                    <a href="#top" class="floatRight">volver arriba</a>
                    <pre>
<h4>C&Oacute;MO TE LO MONTAS T&Uacute;</h4>
¿C&oacute;mo te lo montas t&uacute;?...
Pa resistir todas las ma&ntilde;anas
la vida que no quieres vivir.
Pa resistir toda la semana
en un curro que no te hace feliz.
Pa no estallar como un ob&uacute;s,
pa no perderte en cualquier club,
Y no ser nadie.
Envenenado en el mercado,
hipop&oacute;tamo hipotecado…
No hay m&aacute;s cojones, o si.
Programado pa creer
Que su vida no es de &eacute;l,
programado para no poder.
Necesito que me cuentes
como ostias te haces fuerte
Tienes chinchetas hasta pa dormir.
Te maltratan y te violan
pero aqu&iacute; no hay leyes…
Si no tienes trabajo
ya no sabes qu&eacute; hacer…
Lo mismo que hace 20 a&ntilde;os,
lo mismo…
                    </pre>
                    <div class="clear"></div>
                </div>
 

style.css

Código CSS:

.black50{background: URL(images/black50.png);}
 
.smallBox,
.mediumBox,
.bigBox{margin-bottom:20px;}
 
.smallBox,
.smallBoxTop,
.smallBoxBottom {width: 300px;}
 
.smallBoxTop,
.smallBoxBottom{height: 5px;}
 
.smallBoxBody{padding: 15px;}
 
.smallBoxTop{background: URL(images/smallBoxTop.png)no-repeat;}
.smallBoxBottom{background: URL(images/smallBoxBottom.png)no-repeat;}
 
/*segundo smallbox para el segundo disco*/
.black502{background: URL(images/black50.png)}
.smallBox2,
.mediumBox,
.bigBox{margin-bottom:20px;}
 
.smallBox2,
.smallBoxTop2,
.smallBoxBottom2 {width: 300px;}
 
.smallBoxTop2,
.smallBoxBottom2{height: 5px; }
 
.smallBoxBody2{padding: 15px; }
 
.smallBoxTop2{background: URL(images/smallBoxTop.png)no-repeat;}
.smallBoxBottom2{ background: URL(images/smallBoxBottom.png)no-repeat;}
 
/*fin segundo smallbox para el segundo disco*/