Tengo un panel de arbol comohttp://jsfiddle.net/bmbMy/ Intento cambiar los iconos predeterminados (nodo y hoja) usando css. Pero eso no funciona.

.x-grid-row  .x-grid-tree-node-expanded {
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important;
}
.x-grid-row  .x-grid-tree-node-leaf {
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png');
}

Como puedo hacer eso gracias