I have a lot of trouble trying to figure how the Ext rendering mechanism works.

For example, inside a panel I am trying to render a few datefield side by side, each has a width of 90. Somehow the panel gives me this

<div id="tab-dash-innerCt" class="x-box-inner " role="presentation" style="height: 500px; width: 90px;">

which essentially cut off all of my datafields other than the first one?

This happens throughout, and i often have to comb through the complex rendering output trying to find out what the hell ...