Checkbox alignment is not correct

[morange]

Hai

i am new to extjs

i create a menu with checkbox items.
The items are dynamic and it is displayed properly in the menu
the problem is alignment of the checkbox infront of the menu item is not proper.
The menu is inserted into a grid toolbar.

i am attach the screen shots of the menu





Please help me to solve this problem.

[evant]

As always, post your code.

[morange]

menu   :    new Ext.menu.Menu({
items   :    [
                  {
                      text                 :    'Test1',
                      checked           :    true,
                      checkHandler    :    ''
                 },
                 {
                     text                 :    'Test2',
                     checked           :    false,
                     checkHandler    :    ''
                }
            ]
})