Tabs are scrolling in IE and DOM Failures in Firefox HELP!

[BBabb]

I know it's user error but can someone give me some help on this issue i am having?
It's only in IE7 where the tabs do not scroll with the rest of the page.
Hereis the script for the tabs (copied directly from the example):


var TabsExample = {
init : function(){
var tabs = new Ext.TabPanel('tabs1');
tabs.addTab('problem', "Problem");
tabs.addTab('solution', "Solution");
tabs.addTab('notes', "Comments");
tabs.addTab('files', "Call Files");
tabs.activate('script');
}


When the page is small enough that you have to scroll up and down the tabs stay still and everything else moves fine.

OK now the other issue is using a HTMLEditor within the page. I get DOM Failures in Firefox. I removed the call script but here is the attached code for that function



Ext.onReady(function(){
Ext.QuickTips.init();
// turn on validation errors beside the field globally
Ext.form.Field.prototype.msgTarget = 'side';
var top = new Ext.form.Form({labelAlign: 'top'});
top.container({},
new Ext.form.HtmlEditor({
id:'Notes',
fieldLabel:'Notes',
width:550,
height:200
})
);
top.render('form-ct2');
});



I'm a PHP programmer and javascript is my nightmare any help i can get would be really appreciated, willing to work it off in trade?

[emkramer]

I agree, javascript is a nightmare. you need to turn autoscroll on in the tab panel