html - 270 度方向の div の位置合わせ (変換: 回転)

Question

次のように 270 度回転する div (タブ) があります。

  -webkit-transform-origin: 100% 0%; 
  -webkit-transform: rotate(270deg);

(例: http://users.telenet.be/prullen/align.html )

タブをコンテンツ ボックスの上端に揃えたい場合は、非常に簡単です。「top」を「3px」（境界線のサイズ）に設定するだけです。ただし、底については別の話です。

次のようにjqueryでこれを計算する必要があるようです：

$tab.css('bottom', (Math.abs($tab.outerWidth()-$tab.outerHeight()) 

(ただし、この例では静的な値を使用しているだけです。お使いのブラウザーで希望どおりに表示されない場合があります。画像は次のとおりです:)

これは、たとえばFirefoxではうまく機能しないように見えるため、より良い方法があるかどうか疑問に思っていました（1ピクセルシフト）。おそらく変換元を調整することで簡単な方法はありますか?

(現在と同じ div 構造を維持する必要があることに注意してください)

理想的には、bottom を 3px (境界線の太さ) に設定するのと同じくらい簡単です。

ありがとう。