With a top row and bottom row that both span the page (width:100%), and the top row is set to be resizable with only south handle, once a resize has taken place, since the width is switched to pixel based, resizing of the browser window causes wrong behavior of top row. For example, top-row width:100%, resizable south only. when resized, width is now 900px (or whatever). When browser window is now resized to 1024px, top-row is still 900px, and there is 124px of blank space.

Add support for vertical tabs. Reference: ​http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/vertical.html

Enable demo (link to it from /tabs/index.html) when complete.

There are a couple of issues in Safari 3.1 when UI Dialog is generated w/ JS

• Right Margin
  • in css, .ui-dialog-content has margin of 5px
  • after the dialog has been created, ui-dialog-container's right margin becomes -5px
  • when resizing the dialog, ui-dialog-container's right margin changes instead of remaining at 5px.
  • as a result, in size(), lrMargin value varies as well, and thus the children within ui-dialog-container never resizes.
• Handle
  • o.defaultTheme seems to be overwriting the css. It seems like inline styles overrode the css styles.