I am new to CSS but I am trying to create this layout:

![Layout](https://i.stack.imgur.com/uCkff.jpg)

I have tried to have a wack at this, and here is the code I have:

<http://jsfiddle.net/cskQ8/>

Now, I know this is basic, but what am I doing wrong? 

P.s I want this to cope with a field of any height (i.e very tall)