親要素に指定した背景を、子要素の全面に出すことは可能でしょうか？

以下のようなソースがあったと仮定して、
ーーー　HTML　ーーー
<div id="oya">
　　<div id="ko">
　　</div>
</div>
ーーー　CSS　ーーー
#oya {
width: 300px;
height: 300px;
background: #999;
}
#ko {
width: 100px;
height: 100px;
background: #CCC;
}

親要素に指定されているbackground: #999;を、#koの前に持ってくることはできるのでしょうか。
当然ですが、z-indexはダメでした。
#koを囲むようにもう一つdivか何か入れないとダメですかね…。