I was thinking about possible shapes for a new site and I thought about one with a skewed background at the top. I think it
works best when I show you a [picture](http://www.upload-pictures.de/bild.php/34754,unbenanntGFMSY.png “skewed background”). I did this with an image and a lot of unsemantic HTML and CSS. So, what is the best way to do that? Does it also work without an image? And I chose an unsemantic div to integrate the image, I think this is not required, though. Maybe the pseudo element ::before helps?