无法让我的脚本标签在我的 HTML 页面中起作用

我正在为一个网页制作信用卡信息表单，我在网上找到的脚本只能与 Safari 一起使用，以制作我想要的样式。

这是我复制并粘贴到html头部的内容：

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

  <!-- Start BounceX tag. Deploy at the beginning of document head. -->
        <script>
        (function(d) {
            var e = d.createElement('script');
            e.src = d.location.protocol + '//bounceexchange.com/tag/426/i.js';
            e.async = true;
            d.getElementsByTagName("head")[0].appendChild(e);
        }(document));
        </script>
<!-- End BounceX Tag-->
    <!--Optimizely  -->
  <script src="//cdn.optimizely.com/js/191337197.js"></script>

  <!-- ClickTale Top part -->
<script type='text/javascript'>
    document.write(unescape("%3Cscript%20src='" +
                            (document.location.protocol == 'https:' ?
                            'https://clicktalecdn.sslcs.cdngc.net/' :
                            'http://cdn.clicktale.net/') +
                            "www11/phc/e9344b9e-32db-42a2-989b-468e39690d0a.js'%20type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- ClickTale end of Top part -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

http://jsfiddle.net/gxyhkd3j/

这是它在Safari与Chrome中的外观。

我想要的，在 Safari 中：http ：//imgur.com/dOl03G1

我在Chrome中得到的：http ：//imgur.com/nYwAcMO