Абсолютное положение div, не заполняющее контейнер div css

Question

У меня есть absolute positioned div внутри контейнера div. Цвет фона абсолютного позиционного div не заполняет контейнер div. Высота контейнера div является динамической по содержанию. Как сделать цвет фона позиционированного div для заполнения контейнера div?

Html:

<div class="container"> 
test<br /> 
test<br /> 
test<br /> 

<div class="showbg"> 
test 
</div> 

</div> 

CSS:

.container{ background-color:#CCCCCC; width:300px;} 
.showbg{ background-color:#FFFFFF; position:absolute; width:300px; margin-top:-65px; opacity:0.4; 
filter:alpha(opacity=40);} 

Answer 1

Изменить стиль для абсолютного DIV для следующих

.showbg 
{ 
    top:0; 
    bottom:0 
} 

для абсолютного DIV с другим стилем.

Answer 2

Запись:

.container{position:relative;} 
.showbg{height:100%;} 

DEMO here.

Answer 3

Проверьте это на http://jsfiddle.net/pvr2Y/

.container { 
    background-color:#CCCCCC; 
    width:300px; 
    position:relative; 
} 
.showbg { 
    background-color:#FFFFFF; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    opacity:0.4; 
    filter:alpha(opacity=40); 
} 

Answer 4

.container {position: relative;} 
.showbg {position:absolute; top:0;bottom:0;left:0;right:0;}