fix modal bg issue

The modal background was not overlaying some child elements correctly. eg:

![screenshot-modal-before](https://cloud.githubusercontent.com/assets/2463648/4319674/a0ca3088-3f2f-11e4-9976-046fd1a182d8.png)

I've fixed this by using '.modal-bg:after' instead of '.modal-bg:before'.