jQueryUIタブを必要な動作にさせるのに問題があります。ChromeとFirefoxでは正常に機能します。私が問題を抱えているのはIE7です。IE7は必須です。
問題：下の画像に示されているように、多くのタブが開かれていると、行のテキストの最後にあるタブが切り取られます。また、閉じる「X」はタブタイトルの下でその方法を管理します。下の画像に示すように、タブが写真1にあるように配置すると、ブラウザーの幅を狭くすることができ、タブは2番目の行に配置されます。
幅を最小に設定して、問題を解決しました。問題は、行がタブでいっぱいになった場合、開いているタブの次の2つのタイトルの幅が約3〜5ピクセルになることでした。ほとんど見えません。私は何をすべきか迷っています。
リンクのみを投稿できます：
http://postimage.org/image/k736znm4l/
問題の一部をjsFiddleで再現しました：http：//jsfiddle.net/DbnTt/2/
多くのタブを追加し、ウィンドウのサイズをゆっくりと変更して、一番上の行の一番右のタブを確認します。閉じるボタンは、左側のタイトルの下に移動します。IE7を使用しています。