摆脱相对div下的空间与负边缘顶部

Question

我有一些动画javascript滑块。我想要一些物品伸出滑块的顶部，但是当它们从包装纸底部伸出时隐藏起来，所以我做了一个溢出的div：隐藏;有一点额外的空间。我现在需要摆脱流程中的额外空间。

以前这不是问题，因为我只是将div设置为绝对，但现在我正在使我的布局流畅，我不能有绝对div，因为滑块的高度是相对于文档的宽度。有没有办法摆脱那些额外的像素？提前谢谢。

http://jsfiddle.net/ySg6f/ 这是实际的网站，如果它可以提供帮助：http://pa3com.a3net.fr/

<header>
<div id="slider_wrapper">

    <div class="overflow">
        <div id="slider">

        </div>
    </div>

</div>    

header
{
    padding-top:20px;
    background-color:blue;
}
#slider_wrapper
{
    position:relative;
    background-color:green;
}
.overflow
{
    padding-top:12px;
    overflow:hidden;
}
#slider
{
    height:0;
    padding-bottom:25%;
    background-color:red;
    top:-12px;
    position:relative;
}

Answer 1

.overflow {
 padding-top: 0;
}

#slider {
 top: -12px; /* remove this */
}

Answer 2

最后通过使用负边距并在父节点上添加1px填充来解决它。