css - このインスタンスで text-align:right が機能しないのはなぜですか?

Question

コンテナ div の唯一のアイテムとして h2 があります。コンテナーで position:relative を使用し、h2 で position: absolute / bottom:0 を使用して、コンテナーの下部に揃えることができました。ただし、h2 テキストをコンテナー div の右側に配置することはできません。

HTML:

<div id="section"><h2>About Us</h2></div

CSS:

#section {
    width:277px;
    height:89px;
    position:relative;
    background-image:url(../img/sect-title-bg.png);
    background-repeat:repeat-x;
    margin:-12px 0px 0px 0px;
}

#section h2 {
    text-align:right;
    margin:0;
    position:absolute;
    bottom:0px;
}

リンク: http://www.distributionaccess.com/new/stempath/about.html

h2 で display:inline-block を試しましたが、結果はありませんでした。

おそらく、ここで一般的に行った「h2をコンテナdivの右下に揃える」ということ全体にアプローチするより良い方法があります。解決策/提案をお待ちしています！