[css-ruby] bopomofo example

attached is a nicer looking example of bopomofo annotation to replace 
the jagged image in the spec (currently fig. 11). Shrink to the size you 
need.

also, just in case it's useful some time, i added a version with pinyin too.

ri