text-transform:capitalize css test case

<style type="text/css">
li { display:inline; margin-left:8px; text-transform:capitalize; }
</style>
<ul><li>first</li><li>second</li><li>n:th</li></ul>

renders as "First", "second" and "n:th":

in Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051107 Firefox/1.5, rather than the expected "First", "Second" and "N:th".

Worth noting is that the exact opposite behaviour, "first", "Second", "N:th" also happens, under slightly different circumstances (see the Categories: firefox extensions part at the end of the post. This lengthier post has three categories, showing off the ...N:th bit, too).

The bug seems tied to the combination of display:inline and text-transform:capitalize, and somehow relate to whitespace, because if the first is removed, or a space character is inserted before the text to be rendered uppercase, the problem goes away:

<ul><li> first</li><li> second</li><li> n:th</li></ul>

Johan Sundström
Last modified: Mon Nov 14 03:59:45 MET 2005