Simple Tableless Positioning issue: Trying to float Div right on same line

Question

Ok I just started a template for a website

http://clickforclicks.com/design1/

I'm trying to make it tableless.

Notice I have a red div along the side. I tried to get one on the otherside aswell that looked the same. But when I do it. It goes to a new line =[

How might I get this effect without using Javascript or Absolute positioning that wont look proper on all resolution sizes.

Answer 1

Never mind I just got it. Put it relative and did a -100% That worked oddly 0.0

Answer 2

Even better solution I changed the order of the divs in the html to put the two float divs first that worked even better ^.^