Problema con ancho de capa

[hq1]

Es por el float.
Si no especificas ancho, pero le pones float. La capa ocupará lo que necesite, por eso no te salen en la misma línea.
Yo quitaría los 2 float, pero vas a seguir teneniendo el problema, ya que la primera capa no pones ancho.
Lo adecuado es ir poniendo anchos específicos en todas las capas menos en la última, para que esa coja el resto, pero pueden ser porcentajes. Es decir, se puede decidir que la capa de la izquierda tenga un ancho del 80% y dejar el resto para la otra.