絶対配置されたdivの幅を親divと同じにするにはどうすればいいですか？

Question

私は絶対配置されたdivを浮動div内に表示しようとしています。 ここまでは私のHTMLです。

#outer 
{ 
    float:left; 
    width:500px; 
    border: 1px solid red; 

} 

#inner 
{ 
    left:0; 
    position:absolute; 
    border: 1px solid black; 
    width:100% 
} 


<div id='outer'> 
    <div id='inner'> 
     some text inside div 
    </div> 
</div> 

私は幅がその親divのパーセンテージとして設定されている外側のdivを持っています。 'outer' divには、絶対的に配置された 'inner' divが含まれます。 内側のdivの幅を外側のdivと同じにしたい。誰かがこれを行う方法を提案することはできますか？

Answer 1

に#outer divを指定します。このhttp://jsbin.com/ifuxum/2/edit#html,live

Answer 2

#inner 
{ 
    left:0; 
    right:0; 
    position:absolute; 
    border: 1px solid black; 
}