error con div float

[IsaBelM]

prueba con este css

#footer {
clear:left;
}


#box_inferior_1{
width:512px;
height:200px;
background-color:#6633FF;
display:table;
padding-left:4px;
display: inline-block;
}
#box_inferior_2{
width:490px;
height:100px;
background-color:#00CC00;
text-align:center;
display: inline-block;
vertical-align: top;
}

el html

<div id="footer">

<!-- box inf --><div id="box_inferior_1">
<p><b style="color:#FC0; font-size:19px;">Infomacion</b><br />
En los links que ves a tu derecha encontraras informacion solo para usuarios registrados y privada se a añadido una nueva seccion en la cual se permiten dejar mensajes privados a los usuarios.<br />
¿Como hacer esto? Muy sencillo solo selecciona el link del menu superior izquierdo buscar usuarios y selecciona el usuario al cual le quieres dejar el mensaje privado y en la parte inferior se encuentra un formulario el cual debes rellenar para dejar un mensaje privado. tambien se pueden dejar auto mensajes por si tu quieres guardar algun contenido de informacion.</p>
</div>
<!-- box inf -->
<!-- box inf2 --><div id="box_inferior_2">
<a href="pagina1/comentarios_perfil.php">Ver comentarios publicos</a><br/>
<a href="pagina1/subir_img.php">Subir imagen</a><br/>
<a href="pagina1/ver_img_usu.php">Ver imagenes del usuario</a><br/>
<a href="mensajes/mensajes_p.php">Mis mensajes privados</a>
</div>
<!-- box inf2 -->
</div>

</div>