ios7 blurry navbar

ios7-blurry-nav

#header {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: rgba(59,89,152,0.8);
    padding: 0;
    color: #eee;
    font-size: 20px;
    text-align: center;
}
.header-blur {
    position: absolute;
    z-index: 2;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px); 
    -o-filter: blur(10px);
    filter: blur(10px);
    background: rgba(250,250,250,0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    padding: 0;
}