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">
<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">

var toolbar = new Ext.Toolbar(
renderTo: "testDiv",
items: [
text: "?????"
text: "test",
tooltip: "Tooltip ??????"
<div id="testDiv"></div>

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.