ExtJS Toolbar 嵌入Combobox水平齐问题

Question

ExtJS Toolbar 里我加入了Combox下拉菜单，但感觉下拉菜单右边的下拉三角形图标跟前面的文本框上下不对齐，比较难看，请问如何解决呢？ Ext.BLANK_IMAGE_URL='extjs2.0.2/resources/images/default/s.gif'
 Ext.onReady(function(){ 
//$("#tab tr:nth-child(even)").addClass("striped");
  var tb = new Ext.Toolbar(); 
       tb.render('toolbar'); 
    // 为工具条添加4个按钮  
    tb.add({ 
      //  text: '新建',
        icon: "images/add2.png",   
        cls: "x-btn-text-icon",
        handler: function() { 
          show();
        }       
    }); 
    tb.addSeparator();
  
    
        tb.add({      
        icon: "images/page-first.gif",   
        cls: "x-btn-text-icon",
        handler: function() { 
          show();
        }       
    }); 
    
    
            tb.add({      
        icon: "images/page-prev.gif",   
        cls: "x-btn-text-icon",
        handler: function() { 
          show();
        }       
    }); 
    
    
            tb.add({      
        icon: "images/page-next.gif",   
        cls: "x-btn-text-icon",
        handler: function() { 
          show();
        }       
    }); 
    
    
            tb.add({      
        icon: "images/page-last.gif",   
        cls: "x-btn-text-icon",
        handler: function() { 
          show();
        }       
    }); 
    
     tb.addSeparator();
   
    
    var data=[['10','10'],['20','20'],['30','30'],['40','40'],['50','50']];    
     var store = new Ext.data.SimpleStore({
             fields: ['key', 'value'],
             data : data
        });        var combo = new Ext.form.ComboBox({
         store: store,
        displayField:'key',
        typeAhead: true,
        mode: 'local',
        forceSelection: true,
        triggerAction: 'all',
        emptyText:'10',
        selectOnFocus:true,
        width:70 
    
      
      
      
    });
            
    
 
    tb.addField(combo);    
 
    
});