Problema com espaços de DIV

Olá!

no meu site o conteúdo principal é dividido em "mainesq" com 550px de largura e "maindir" com o restante...

no Internet Explorer, quando o usuário tem resolução menor que 1024x768 ou não tem a janela totalmente aberta, a MAINDIR se encaixa em baixo da MAINESQ, como vocês podem ver AQUI.

gostaria que ela permanecesse na direita sempre, nem que tenha que criar uma barra de rolagem horizontal para os usuários de resolução baixa/janela não aberta...

Como poderia fazer??

MEU CSS

#mainesq {
	margin: 10px;
	width: 550px;
	float: left;
 }
 #maindir {
	margin: 10px;
 }