title: ExtJS 4 - Extra border after adding a bottom toolbar
body: <p>I have an ExtJS4 app with a moderately complex layout consisting of a couple of nested panels, each with layouts of type <code>border</code>.  I can't figure out how to get rid of a 'double border' that exists when I add a bottom toolbar to one of the panels.</p>
  
  <p>See the jsFiddle here for an example: <a href="http://jsfiddle.net/5fwLz/2/" rel="nofollow">http://jsfiddle.net/5fwLz/2/</a></p>
  
  <p>I'm just trying to figure out how to make the border above 'button' look right.  Any help would be greatly appreciated, thanks!</p>
  
  <p>EDIT-  Solution I used: <a href="http://jsfiddle.net/5fwLz/4/" rel="nofollow">http://jsfiddle.net/5fwLz/4/</a></p>
  
  <p>This is a bit cleaner I think than Akatum's solution below and the borders also maintain a clean look when the south region is made collapsible.</p>