css - cssによるネストされたdivの配置

Question

内部の div のサイズに関係なく、コンテナーの div テキストを中央揃えに保ちたいと考えています。

<div id="container">
     I want to stay at the center
     <div id="right-content">Right div effects centered content
     </div>
</div>

#container {
    text-align:center;
        background-color: #888;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; 
        min-width: 500px;
        height: 65px;
        margin-top: 60px;
}

#right-content {
background-color:#F00;
display:block;
vertical-align:middle;
float:right;
height: 65px;
color:#FFF; 

}

申し訳ありませんが、正しいコンテンツが添付されています。

http://jsfiddle.net/YMsR4/12/

---

いいえ、垂直ではありません。実際にやりたいことは以下のコードのようなものですが、これは静的な値でマージンを配置するのには効果的ではありません.これにはもっと簡単な方法があるはずです.

#container {
text-align:center;
background-color: #888;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

width: 750px;
height: 65px;
margin-top: 60px;

}

#right-content {
background-color:#F00;
float:right;
height: 65px;
color:#FFF; 
position: absolute;
margin-top: -20px;
margin-left: 535px;

}

DIVは同じです。

http://jsfiddle.net/YMsR4/13/