html - Foundation 3を使用したクロムのスライダーの表示

Question

Foundation 3 とネイティブの軌道スライダーを使用してサイトを構築しています。

これまでのところは問題ありませんが、スライダー情報がクロムの正しい場所に表示されません。

わかりました、簡単に修正できます...クロム固有のスタイルを適用してください。良い、ページをきれいにレンダリングするsafiriを台無しにすることを除いて、私はアイデアが好きです.

html:

<div id="featured">
    <div>
        <img src="images/slider/ironman-txt.jpg" alt="">
        <div class="featuredInfo">
        <h3>IRON MAN</h3>
        <hr />
        <p>When Tony Stark’s world is torn apart by a formidable terrorist called the Mandarin, Stark starts an odyssey of rebuilding and retribution.</p>
            <ul class="featuredActions">
            <li><a href="#">Watch Trailer</a></li>
            <li>-<a href="#">15 PG Rating</a></li>
            <li><a href="#">Book Seats</a></li>
        </ul>
        </div>
    </div>
</div>

CSS（scss）：

#featured {
    background-color: $white;
    max-height: 400px;
    .featuredInfo {
    float: right;
    padding: 0 1em;
    max-width: 25.5em;
    height: 100%;
    z-index: 10; 
    h3 {
        padding: 0.5em 0 0.1em 0;
        margin: 0;
        text-transform: uppercase;
    }
    hr {
        margin: 7px 0;
        border-color: $txtColor;
        height: 2px;
        border-width: 1px;
    }
}

ライブリンク:

http://madmantis.co.uk/sites/schwack/

position: relative; を追加するとわかります。上: -400px; 注目の情報 div は chrome の正しい位置に移動しますが、明らかに他のブラウザーをノックアウトします。

ファンデーションを使っているのでちょっと困っているのですが、何が悪いのかわかりません…