Como evitar a quebra no CSS float

Eu tenho uma página com 2 colunas lado a lado (definido tanto por float: esquerda).

Meu problema é que, quando eu dimensionar o navegador para ser menor, a coluna da direita será deixada abaixo da coluna da esquerda.

Como posso evitar isso? e ainda assim torná-los lado a lado, independentemente do tamanho da tela.

Obrigado