html - 負のmargin-topで相対divの下のスペースを取り除く

Question

私はある種のアニメーション化されたJavaScriptスライダーを持っています。いくつかのアイテムがスライダーの上部から少しはみ出すのではなく、ラッパーの下部からはみ出すときに非表示にしたいので、overflow:hidden; で 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 */
}