Conflicto de Footer y #Sidebar

Bueno, otra vez aquí preguntando algo similar como en este thread.

El asunto es que estoy editando la plantilla Classic que viene por defecto con Wordpress y esta tiene un ligero problema, cuando la pagina no contiene casi nada de texto, el tamaño disminuye y el "Sidebar" (en este caso #menu) se sobrepone sobre el Footer.

En esta imagen se aprecia mejor el detalle:





Mi objetivo es lograr que se vea así:



Lamentablemente, no sé que propiedad debo ponerle al CSS del Footer y Sidebar para que esto ocurra, la forma arcaica en que logré eso fue insertando chorrocientos < Br / >'s en la página para que el footer baje lo suficiente como para quedar como en la foto.

Por cierto, las propiedades CSS son las siguientes:

CSS: #menu (sidebar):

Código :

#menu {
   padding: 20px 23px 10px 30px;
   position: absolute;
   right: 0px;
   top: 0;
}

CSS: #footer:

Código :

#footer {
   clear: both;
   padding: 8px 8px 8px 55px;
}

¿Alguien sabria como hacer para que el lograr esto?

El problema es que estas usando position:absolute cuando simplemente deberias flotarlo a la derecha.

Código :

#menu {
   padding: 20px 23px 10px 30px;
   float:right;
}

Gracias por la ayuda Neo_Jp, lastimosamente al hacer eso el sidebar se va hacia la parte inferior.

Aunque ya subí el theme del que hablo para que vean el problema directamente:

- Esta es la pagina principal de la instalacion de Wordpress donde todo anda correctamente ya que el texto de la pagina es extenso:
http://blog.3l0g.com/beta/

- Esta es la pagina del problema, vean como no hay mucho texto.
http://blog.3l0g.com/beta/about/

- Este es el estilo CSS del theme:
http://blog.3l0g.com/beta/wp-content/themes/emarts/style.css

Para esto tienes que usar float en ambos divs de contenido, uno a la izq y uno a la der. Siguiendo por un control de tamaños exactos y asegurarte que el margin y padding no influyan en el tamaño total de los divs. Asi lograrás que ambos se ubiquen como deben sin problemas.

Un saludo