This page may only work in Mozilloids. Try resizing the page - nothing will happen until you stop dragging, and then the hyphenation will be reflowed.
This page uses a bit of Javascript that I wrote to fix the fact that Mozilla doesn't handle the ­ entity properly. At present, Mozilla never creates visible hyphenation for that entity - instead, it treats the entity as if it doesn't exist.
This bit of Javascript finds the soft-hyphen characters in the page, does a little transformation work on them, and recalculates the hyphenation every time the page is redrawn. Frankly, it's a nasty hack that shouldn't need to be written, and its usage is best avoided. However, if you find that you need to use it, it's easy: just include shy.js in your page, add the window.onload and window.onresize triggers (see the source of this page) and any ­ characters that you use will magically work as intended.
Let's see what happens with tables, column-width of 50 pixels:
| no hyphenation | no hyphenation |
| hyphenation | hyphenation |
(It appears to work in IE/Win too, but that's because IE is doing the right thing from the start, without needing any extra JS bollocks)
For more information about this hack, please see this blog entry.
Yoz Grahame, 2005-01-17