css - 子 div が親曲線の境界を継承していない

Question

ここにフィドルがあります：

http://jsfiddle.net/45jQm/6/

指定せずにロゴ部分を湾曲させるにはどうすればよいですか？これは可能なはずです。これがコードです...

#wrapper {
    position: relative;
    background-color:rgba(255,255,255,0.5);
    width:200px;
    min-height: 985px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    box-shadow: 10px 0px 10px -7px #333, -10px 0px 10px -7px #333;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}


.logo {
    position: static;
    background-color:rgba(0,0,102,0.7);
    padding-top: 10px;
}