Your problem is that you have your #menu absolutely positioned. Which means it's kind of on a "layer" (in a sense) above the rest of the layout. Which means it can not effect anything else on the page.
You have to remove the absolute postioning.
Before I tell you how to fix it. I wouldn't use Gemini just learn CSS it's not hard once you get the hang of it. You have your layout working. You just need an adjustment. It may take extra time but you'll learn the most fixing these little problems than in building a whole layout in CSS.
I always build my CSS layout outside of WordPress. Validate it and make sure it works in the browsers I'm interested in supporting. Then I incorporate it in to Word Press. It takes a little longer to learn CSS but once you know it. You'll know what's wrong or have a good idea. Without even looking at the code.
float the #menu right
Put float: right;
float the #content left
Put float: left;
As long as both of these <div>'s live inside your
#rap <div>'s your fine.
You may have to set widths for both the content and menu div's. If the layout looks a little out of place start by setting your margin to 0 in #content and then readjust to get it where you want it.