Two Colored Navigation Bar

I want to do a navigation bar like in this picture. The bar has two colored div. But the content of this divs must be in a wrapper, like the other contents of the page, but i don'

Solution 1:

If you need to have one container with two colors, I suggest you use CSS gradients:

background:linear-gradient(90deg, green 50%, grey 50%)

Here's the demo: http://jsfiddle.net/YWKTR/

Just be sure to use browser prefixes to run in every modern browser.