I have a website where I would prefer to use &shy ; (soft hyphen) to break words the way I want. 

[Click here for screenshot from Chrome](https://img.skitch.com/20120809-88amqbwq9734gpdbwt4menu89m.jpg)

The problem computers run OS X (multiple versions) and the problem occurs in both Chrome and Safari (multiple versions). Computers with exact same OS and browser version can show this differently. The screenshot is taken on OS 10.8, with Chrome v. 21.0.1180.75.

It looks like soft hyphen works, because it divides the word, and insert a hyphen "-", but it also generates that rectangle with the cross.

The website uses @fontface, if that should have anything to do with it.

Thank you!