wrapnice word-wrap rule for firefox/IE wrapping

Sometimes hyphenations are calculated correctly and hyphens is all you need to wrap. Sometimes they aren't and things blow up all over your page. Adding word-wrap: break-word covers those cases. See screenshots for some before and after.

![screen shot 2014-04-10 at 6 38 29 pm](https://cloud.githubusercontent.com/assets/1054402/2674435/75cc7a28-c101-11e3-8d29-181e6ce02c52.png)
^ Firefox with the current wrapNice rule

![screen shot 2014-04-10 at 6 39 21 pm](https://cloud.githubusercontent.com/assets/1054402/2674437/812045a8-c101-11e3-9b3a-04ffa3e63082.png)
^ IE10 with current wrapNice rule

![screen shot 2014-04-10 at 6 40 55 pm](https://cloud.githubusercontent.com/assets/1054402/2674438/89d5ffbc-c101-11e3-99b2-62f2b489c64f.png)
^ IE10 with word-wrap: break-word

Also sorry "babys first Sassquatch PR" but I don't know what this other diff garbage is. It was generated after using rake compile...but wasn't part of gitignore so I just threw it in. Can obviously clean up if need be.