Vi el float right en el otro por eso no te dije del float.
Pero ahora me doy cuenta que para que te funcione tal como lo tenias con anterioridad a este último cambio es necesario que en el html la lateral aparezca antes que la principal así:
Código HTML:
Ver original
<LINK REL=StyleSheet HREF="prueba.css" TYPE="text/css" MEDIA=screen>
<div class="lateral"></div> <!-- Primero la flotada a la derecha --> <div class="principal"></div> <!-- luego la no flotada -->
Saludos y prueba ya que estas esta opción, para que vea como trabaja el flotado.