SafariでCarouFredSel（jQuery）の画像読み込み不良が起こる

Question

###前提・実現したいこと
WordpressにCarouFredSelを導入しています。
ChromeやFirefoxなどのブラウザでは問題なく閲覧できるのですが、
Safariで閲覧した時だけ画像が正しく読み込まれません。
色々と試してみましたが、躓いてしまっています。
助言いただけましたら幸いです。

###発生している問題・エラーメッセージ

Safariで閲覧した時だけ画像の高さが正しく読み込まれません。
リロードすると綺麗に閲覧できるようになります。
ブラウザの開発者ツールではエラーメッセージはありません。

###該当のソースコード

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.carouFredSel-6.2.1-packed.js"></script>

<script type="text/javascript">
$(function() {
$('#slide_main').carouFredSel({
auto      : 4000,
items: 1,
scroll: {
items  : 1,
//easing : "swing",
fx : "crossfade",
duration  : 800 
},
pagination: {
container: '.detail_thum',
anchorBuilder: function( nr ) {
var src = $("a img",this).attr('src');
return '<a href="#" class="new_thumb' + nr + '"><img src="' + src + '" width="90px" /><span></span></a>';
}
}
});
});
</script>

<ul id="slide_main">
		<li>	
		<a href="<?php echo(types_render_field('1-img',array('output'=>'raw'))); ?>" rel="detail_img" class="popup"><?php echo(types_render_field('1-img',array('width'=>'700','height'=>'394'))); ?></a>
        </li>
		<li>	
		<a href="<?php echo(types_render_field('2-img',array('output'=>'raw'))); ?>" rel="detail_img" class="popup"><?php echo(types_render_field('2-img',array('width'=>'700','height'=>'394'))); ?></a>
        </li>
        <?php } ?>
        </ul>
<div class="detail_thum" style="display:block;text-align:left;"></div>

###試したこと
■ <script>タグの記載位置が</head>タグ直前だとスクリプトがそもそも動かないため</body>タグ直前に移動しています。
■ jQueryのバージョンを変更（他にfancyboxが入っている為、結局1.8.3に落ち着いています）
■ 他のスライド系プラグインへ変更→読み込み不良で断念
■ 画像のプリロード

###補足情報(言語/FW/ツール等のバージョンなど)
Wordpressのカスタムフィールドで読み込んだ画像をスライドさせています。
実際は12枚読み込みます。

Answer 1

SafariでのみHeightが1になってしまう事が原因でしたので、
CSSハックで強制的にHeightを指定するようにしたところ動作しました。