Some tab problem

[Pierre]

Hello all
could someone tell me what's wrong with above HTML:

Code:

  <div data-options="region:'south',split:true,title:'Item'" style="height:150px;padding:1px;"> 
    <div id="boq1" class="easyui-tabs" fit="true"> 
      <div id="boqt1" title="First Title" iconCls="icon-volume" style="padding:10px;"> 
        First tab1  
      </div> 
      <div id="boqt2" title="Second" iconCls="icon-volume" style="padding:10px;"> 
        Second tab2  
      </div> 
    </div> 
  </div> 

this is some "south" part of layout and tab is drawn but on some wired way (see image). after I click on "Second tab", then is everything OK, but first tab Title is initially moved to the left ?
Any idea?
Thank you

[stworthy]

There are no problems with this code, please refer to http://jsfiddle.net/zCLy2/.