Forcing divs next to themselves

I have, again, met a complication. And again, this is probably one a novice could bypass, but I can't.

Basically, what I'm trying to do:

• Get the green div under the red div
• Have the bottommost divs go up with it
• Have a border of 4px be between every div

An example based off of this fiddle would be nice.

in the div of green just add margin-top as :

margin-top:-84px

as i have experimented it on your fiddle and it's working