[Resolvido] Problema com 800x600

Boa Tarde Pessoal,

estou tento um problema com o CSS abaixo, acontece o seguinte:

quando estou com uma resolução superior a 800x600, o site fica belezinha,

mas quando uso 800x600 a div "conteudo" está descendo pra debaixo da div "menu".

o unico jeito que consegui resolver foi diminuindo o width do menu e do conteudo de que somando os dois de 600px.

mas como o menu tem 220px e o conteudo 600px, não cabe la largura de uma resolucao 800x600 e a div conteudo acaba descendo pra debaixo do menu.

queria que ao inves de descer, aparecia a barra de rolagem na horizontal.

como faria isso?

Agradeço desde já. Obrigado.

#tudo {
 width: 100%;
 border: 0;
}

#topo {
 width: 100%;
 height: 320px;
 background-color: #FFFFFF;
}

#menu {
 float: left;
 width: 220px;
 margin-left: 150px;
 background-color: #FFFFFF;
}

#conteudo {
 float: left;
 width: 600px;
 padding: 0px;
}

#rodape {
 width: 100%;
 height: 210px;
 padding: 0px;
 background-color: #FFFFFF;
 clear: both;
}

#rodape p {

 line-height: 28px;
}