I have a top menu where Home is the first anchor tag. i want to set the default focus at Home link.

Here is the my code:



topMenu = '<a id="homeAnchor" href="'+homeHref+'">Home</a>';
var viewport = new Ext.Viewport({
layout:'border',
items:[{
region:'north',
height: topNavHeight,
html:'<div id="north-region-bg"><div id="ext-welcome"> '+topMenu + '</div></div><div id="clTopMenu"></div>'
},{
xtype:'panel',
region:'center',
defaultType: 'iframepanel',
items: [{
id: 'frmBottom',
name: 'frmBottom'
}]
}]
});

var tabs= new Ext.Panel({
id:'clTopMenuPanel',
renderTo: 'clTopMenu',
listeners: {
afterRender: function() {
document.getElementById('homeAnchor').focus(); -> Able to set focus on FF but not on IE7
// OR
Ext.getCmp('clTopMenuPanel').findById('homeAnchor').focus('',3000); --> Unable to set focus on FF & IE7
}
}
});
Please do the needful