title: How to render something above Ext.Viewport
body: <p>I have viewport:</p>
  
  <pre><code>new Ext.Viewport({
    layout:'fit',
    hideBorders:true,
    items:[panel1,panel2,panel3],
  });
  </code></pre>
  
  <p>Now i want to show combobox above viewport:</p>
  
  <pre><code>var myCombo= new Ext.ComboBox({
    store:myStore,
    editable:false,
    renderTo:Ext.getBody(),
    triggerActions:'all',
    mode:'local',
    cls:'scales'
  });
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.scales{
    position:absolute,
    botton:1em,
    right:1em,
    background-color:white
  }
  </code></pre>
  
  <p>But its render in leftside. How to render its in right botton?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Now i put combo into Panle:</p>
  
  <pre><code>myPanel= new Ext.Panle({
  items[myCombo],
  renderTo:Ext.getBody(),
  cls:'scales',
  border:false
  });
  </code></pre>
  
  <p>Now my combo in right-bottom. But look like this:
  <img src="https://i.stack.imgur.com/MKNUq.jpg" alt="enter image description here"></p>
  
  <p>Even i delete viewport code from app i get same result. can i do something with combo?</p>