ComboBox dropdown placement

I have a weird issue happening. I have a ComboBox defined, and when I click to expand it, the drop down portion shows in the very left/top portion of the browser window - looks like it is getting set to x=0 and y=0 concerning it's placement. See below screenshot for an example.

Attachment 22682

Here is the FormPanel definition:

PHP Code:

---

    var fp5xGen = new Ext.form.FormPanel({
        id:'fp5xGen',
        frame:true,
        hidden:true,
        layout:'anchor',
        padding:'5',
        layoutConfig:{},
        title:'Section 5.A.x',
        buttonAlign:'center',
        items:[
          {
              id:'hlpTxt5xGen_1',
              xtype: 'displayfield',
              cls:'directionsText',
              border: false
          },new Ext.Panel({
              id:'fp5xGen.1',
              layout:'table',layoutConfig:{columns:2},
              items:[
              {
                id:'lblMBRNUM',
                xtype:'label',
                text:'Who?',
                cellCls:'cellTop'
              },new Ext.form.ComboBox({
                id:'MBRNUM',
                store:mbrPerStore,
                valueField:'vfld',
                displayField:'dfld',
                emptyText:'Select an entry...',
                triggerAction:'all',
                editable:false,
                width:130,
                cellCls:'cellTop'
              })]
            })
          ],
        buttons:[
          {id:'btnNext5AGen',text:'NEXT',handler:btnHandler}]
    }); 


---

Any ideas?
AaronBartell.com
www.OpenRPGUI.com

You could write a getListParent method for the ComboBox that returns the table cell instead of the document body.

What is this? Perhaps this config is causing the issue.

Code:

---

cellCls:'cellTop'

---

Here is how cellTop is defined:

PHP Code:

---

.cellTop
{
  vertical-align: top;
  padding:2px 2px 2px 2px;
} 


---

Removing the cellCls property fixed the issue! I am guessing this is what Condor was alluding to also.

AaronBartell.com