Hi there,

I'm having some weird issues with tooltip that contains Japanese characters.
I have a toolbar with two buttons, one of the buttons (button A) contains Japanese text.
The other button (button B ) has a tooltip containing Japanese characters.
When mouseover on the button with tooltip (button A), the font of button B looks smaller.
But when mouseover on button B, the font size changes back to normal.

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<link href="../style/ext/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../javascript/ext/adapter/ext-base.js"></script>
<script type="text/javascript" src="../javascript/ext/ext-all.js"></script>
<script type="text/javascript">
//<!--/*--><![CDATA[/*><!--*/
Ext.onReady(function()
{
Ext.QuickTips.init();

var toolbar = new Ext.Toolbar(
{
renderTo: "testDiv",
items: [
{
text: "エラー番号"
},
"-",
{
text: "test",
tooltip: "Tooltip ツールチップ"
}
]
});
}
);
//]]>-->
</script>
</head>
<body>
<div id="testDiv"></div>
</body>
</html>

It seems this issue only happens with IE8.
Both Firefox and IE7 seem to work okay.
Is it a bug? Or am I doing something wrong?
Thanks in advance.