I have a pagination bar, which holds the page items. And our application have to support i18n. Then we found out that the text can not align as expected when displaying Chinese language.
And here is the result of ff and ie6.
Note that in IE6, the 下一页 li can not align with other li. What is the problem?
The markup and especially the styling is too complicated for old versions of IE, and trying to fix the style tends to lead to further complications and a non-robust solution. So if you would rather solve the problem than “do things right”, here’s a robust approach in markup:
This can easily be fine-tuned regarding padding, font, colors, etc., in CSS….
You would still have problems on IE 6, since it was quite often installed without Chinese language support. An out-of-the-box PC with IE 6 used to display Chinese characters as small rectangles, due to lack of suitable fonts.