How do I make floating background rectangular bars in CSS

Question

I would like to have some rectangular divs in the background of a content box (or body of the page) ... each div would have a different color. How do I do this? The boxes would span the whole page (basically a rectangular bar) ...

So lets say the body is gray ... I could have 3 bars with each a different color.