Div不会进入包装？

我对div有点麻烦，我的网站有一个包装大小height: 100%;这个包装包含各种div，如标题，滑块和内容div。唯一的问题是内容div由于某种薄雾原因而被推出包装div。Div不会进入包装？

任何人可以帮助我吗？

html { 
    overflow-y:       scroll; 
    height:        100%; 
    position:       relative; 
} 

a { 
    outline:       none; 
} 

img { 
    width:        100%; 
    border:        none; 
    -moz-border-radius:     20px; 
    border-radius:      20px; 
} 

body { 
    width:        100%; 
    height:        100%; 
    background-color:     yellow; 
    margin:        0px 0px 0px 0px; 
} 

.wrapper { 
    width:        87%; 
    height:        100%; 
    background-color:     red; 
    margin:        0 auto; 
} 

.header { 
    width:        100%; 
    height:        150px; 
    background-color:     green; 
    float:        left; 
    overflow:       hidden; 
} 

.logo { 
    width:        7%; 
    height:        114px; 
    margin:        18px 0% 18px 3%; 
    float:        left; 
    background-image:     url("..//img/logo.png"); 
    background-size:     100%; 
    background-repeat:     no-repeat; 
} 

.slogan { 
    width:        30%; 
    height:        100px; 
    background:       orange; 
    margin:        25px 13% 25px 13%; 
    float:        left; 
} 

.nav { 
    width:        31%; 
    height:        150px; 
    background-color:     purple; 
    float:        left; 
    margin:        0% 3% 0% 0%; 
} 

.search { 
    width:        100%; 
    height:        50%; 
    background:       blue; 
    float:        left; 
} 

.menu { 
    width:        100%; 
    height:        50%; 
    float:        left; 
    background:       grey; 
} 

.slider-container { 
    width:        100%; 
    height:        100%; 
    background-color:     white; 
} 

.main-content { 
    width:        100%; 
    height:        100px; 
    background-color:     pink; 
    float:        left; 
} 

.column { 
    width:        31%; 
    height:        auto; 
    background-color:     orange; 
    float:        left 
} 

/* SLIDER */ 

.caption { 
    width:        500px; 
    background-image:     url("..//img/caption-bg.png"); 
    background-size:     100%; 
    position:       absolute; 
    z-index:       99; 
    overflow:       hidden; 
    margin-top:       7%; 
    margin-left:      5%; 
    -moz-border-radius:     20px; 
    border-radius:      20px; 
} 

.caption-text { 
    max-width:       460px; 
    overflow:       hidden; 
    margin:        20px; 
} 

.wrapper .slider-container #slideshow { 
    float:        left; 
    position:       relative; 
    width:        100%; 
} 

.wrapper .slider-container #slideshow > div { 
    position:       absolute; 
}

您可以在http://k2stuc.nl/test/

希望看到一个现场演示，有人能帮帮我！

谢谢！

来源

2013-03-15 Quincy Norbert