Footer div with slated edge and border
===

I'm building a footer which has a slated top and border : 

![enter image description here][1]

Is there any way to achieve this in CSS (with transforms perhaps) without having to resort to SVG ?

Thanks 


  [1]: http://i.stack.imgur.com/S3i58.png