[tlug] Some UTF8 Japanese breaks out of vertical flow

[Dave M G <martin@example.com>]

TLUG,

This isn't Linux, but Japanese encoding related. I hope that is 
acceptable here, since I know quite a few of you are masters of Japanese 
encoding issues.

On the following web site, I have a menu written in Japanese (on the 
right side, carried by a sumo-cherub):
http://nihongode.jp

The text formatted with CSS, where the menu is a  <ul> list, and each 
<li> item is constrained to a width of 1em. Since the width of each list 
item is only one character wide, this forces each character to break to 
the next line, giving the appearance of veritcal orientation.

It almost works perfectly. Most of the text obeys the constraint. 
However, some text items, such as punctuation and small size Japanese 
characters (like ã or ã ), break out of the vertical flow and follow a 
left-to-right orientation.

I've included a thin red border around the text to make the problem more 
clear. You can easily see that the three dot ellipses clearly break 
towards the right, as does a ã character.

I've provided the following screen shot in case what I'm describing 
shows up differently on other people's browsers:
http://nihongode.jp/Screenshot.png

Does anyone know why some characters are exceptional in how they display 
as compared to the other characters in a case like this?

I've asked on the CSS Discussion list about any CSS solutions, but I 
thought it worth asking here to get a better understanding of what these 
characters are doing from a font and encoding point of view.

Thank you for any advice.

--
Dave M G
Ubuntu Feisty 7.04
Kernel 2.6.20-15-386