Using css3 for background of website

[ThiagoA]

I want to get exactly this result with CSS3 and HTML5 texhnologies using no images. here is HTML\[code\]<div id="overlay"></div><div id="lines"></div>\[/code\]and CSS\[code\]body { background: #45484d; z-index:-5;}#lines { background-size: 20px 20px; background-image: -webkit-repeating-linear-gradient(0deg, #fff, #fff 2px, transparent 2px, transparent 7px),-webkit-repeating-linear-gradient(-90deg, #fff, #fff 2px, transparent 2px, transparent 7px); background-image: -moz-repeating-linear-gradient(0deg, #fff, #fff 2px, transparent 2px, transparent 7px),-moz-repeating-linear-gradient(-90deg, #fff, #fff 2px, transparent 2px, transparent 7px); background-image: -o-repeating-linear-gradient(0deg, #fff, #fff 2px, transparent 2px, transparent 7px),-o-repeating-linear-gradient(-90deg, #fff, #fff 2px, transparent 2px, transparent 7px); background-image:repeating-linear-gradient(0deg, #fff, #fff 2px, transparent 2px, transparent 7px),repeating-linear-gradient(-90deg, #fff, #fff 2px, transparent 2px, transparent 7px); height:100%; width:100%; opacity:0.14; position:absolute; top:0; left:0; z-index:-4;}#overlay { position:absolute; top:0; left:0; height:100%; width:100%; z-index:-3;}\[/code\]I kinda get some piece of reuslt on jsfiddle:http://jsfiddle.net/tt13/BA8Wk/2/But can't figure out what to do else. Can anyone help me to achieve this result? http://i.stack.imgur.com/6BrlY.jpg