I am trying to position an image so the bottom half is the inverse of the top from one image but not sure how to do it. 

[JsFiddle](http://jsfiddle.net/tobeeornot/JvnHn/)

The image itself looks like [this](http://i1200.photobucket.com/albums/bb328/tobeeornot/sec.png).

EDIT: The final image should look like [this.](http://i1200.photobucket.com/albums/bb328/tobeeornot/section.png)