how do I get a menu list with no icons

[myExtJsUname]

I realize there is a thread where this item is discussed (http://extjs.com/forum/showthread.php?t=3393) but it is over 2 years old. It contains an entry from a year ago with no response and I am basically having the same problem as that last post. So, instead of just adding another post to that existing thread (which probably no one will notice, like the last one), I'm adding a new thread in the hopes I'll have better luck.


I've tried what I understand the existing thread is suggesting:
1. I have added ".no-icon-menu .x-menu-item-icon { display: none; }" to one of my css files; and,
2. I have added a cls definition to my menu definition, as follows:

var menu = new Ext.menu.Menu({
    items:[
        {
            text: "My Menu Item"
        }
    ]
     ,cls: "no-icon-menu"
 });

To no effect. Space for an the icon remains associated with each item within the menu.


If there is anyone out there who has been able to display a menu without icons (including without the space set aside for them)? The menu sample seems to suggest this is possible because there are two different places where the color picker is accessible and, in one (under Split Button/Pick a Color), there is space for an icon and in the other (under Button wMenu/Choose a Color), there is not. However, in looking at the sample, I can't discern how the lack of room for an icon is being implemented.

Can anyone point me in a better direction than I've been able to find thus far?

Cheers,

[Animal]

        cls: 'no-icon-menu',
        showSeparator: false,

plus

div.no-icon-menu a.x-menu-item {
    padding-left: 0;
}

[myExtJsUname]

That's the ticket!!

Thank you!!