html - %age のマージントップがサファリで機能しない

Question

これが Css コードです...申し訳ありませんが、クライアントのためにコード全体を共有することはできません。

これは、サファリを除くすべてのブラウザで完全に機能しています...これを提供するmargin-topとpx、サファリでも機能しますが、%ageで必要です。問題は、#slide-txt4, #fifth-slide, #slide-txt5これら3つidに問題があります...残りはサファリでも問題ありません。私はfirebugで試してみましたが、問題はmargin-topにあります。助けてください！

#wrapper {
    clear: both;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.container {
    clear: both;
    float: left;
    width: 100%;
}
.slides {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top:79px;
    position:relative;
}
.slides img {
    position: absolute;
    cursor:pointer;
}
.slides h1 {
    position: absolute;
    z-index: 1;
    font-size: 72px;
    font-weight: normal;
    line-height: 57px;
    cursor:pointer;
}
#first-slide {
    left: 0;
    width: 36%;
}
#slide-txt1 {
    margin-left: 1.5%;
    margin-top: 16%;
    width: 302px;
    word-wrap: break-word;
}
#second-slide {
    left: 29.7%;
    width: 41.8%;
}
#slide-txt2 {
    margin-left: 38%;
    margin-top: 3.7%;
    width: 240px;
    word-wrap: break-word;
}
#third-slide {
    right: 0;
    width: 34.4%;
}
#slide-txt3 {
    margin-right: 1%;
    margin-top: 27.6%;
    right: 0;
    width: 248px;
    word-wrap: break-word;
}
#forth-slide {
    left: 0;
    margin-top: 39.8%;
    position: relative;
    width: 51%;
    z-index: 0;
}
#slide-txt4 {
    margin-left: 1.5%;
    margin-top: 42.3%;
    width: 294px;
    word-wrap: break-word;
}
#fifth-slide {
    margin-top: 39.8%;
    right: 0;
    width: 53.2%;
    z-index: 0;
}
#slide-txt5 {
    margin-right: 1%;
    margin-top: 43%;
    right: 0;
}