[2.2] panel with html:'' renders differently in IE and FF

[TaterSalad]

If you create a Panel with html:'' (empty string) and a buttons[], and place it in the south region of a borderLayout Viewport, in IE the contents of the southern panel appear as a white strip; but in Firefox the contents of the southern panel do not take up any horizontal space - the buttons in the south are flush against the content of the center.

This happens in a quirks mode or strict DTD defined page.

Source to reproduce:

Ext.namespace("Test");
Ext.onReady(function()
{
    
  Test.closeButton = new Ext.Button(
  {
    text:'Close',
    handler: function(){alert('close');}
  });

  Test.helpButton = new Ext.Button(
  {
    text:'Help',
    handler: function(){alert('help');}
  });

  Test.centerPanel = new Ext.Panel(
  {
    region: 'center',
    html: 'Space is different in IE and FF'
  });

  Test.buttonPanel = new Ext.Panel(
  {
    region: 'south',
    border: false,
    buttonAlign: 'right',
    html: '',
    buttons:
    [
      Test.helpButton,
      Test.closeButton
    ]
  });

  Test.viewport = new Ext.Viewport(
  {
    layout: 'border',
    items:
    [
    	Test.centerPanel,
      Test.buttonPanel
    ]
  });
      
});

[evant]

I can see the issue you're talking about, however it makes no difference whether the html exists or not.