Ember.js Handlebar.js generated output

iosSlider issue with Ember.js generated output

<div id="ember475" class="ember-view slider" style="position: relative; overflow: hidden; cursor: -webkit-grab; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; width: 2650px; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); ">
    <!-- The main element + the other 3 -->
    <script id="metamorph-19-start" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-20-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide21" id="post21" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-30-start" type="text/x-placeholder"></script><script id="metamorph-30-end" type="text/x-placeholder"></script></cat>
            <img id="img-21" src="apple-touch-icon-114x114-precomposed.png" name="Title21" onclick="javascript:openHash('#id-21')">
            <p><a href="#id-21" onclick="javascript:alert('#id-21')" style="z-index:1000;">Title21</a></p>
            <h3><a id="h3-21" href="#id-21" onclick="javascript:openHash('#id-21');" style="z-index:1000;">Title21</a></h3>
            <p><a id="p-21" onclick="javascript:openHash(\'#id-21\');" style="z-index:1000;">shortDesc21</a></p>
        </div>
    <script id="metamorph-20-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-21-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide22" id="post22" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-31-start" type="text/x-placeholder"></script><script id="metamorph-31-end" type="text/x-placeholder"></script></cat>
            <img id="img-22" src="apple-touch-icon-114x114-precomposed.png" name="Title22" onclick="javascript:openHash('#id-22')">
            <p><a href="#id-22" onclick="javascript:alert('#id-22')" style="z-index:1000;">Title22</a></p>
            <h3><a id="h3-22" href="#id-22" onclick="javascript:openHash('#id-22');" style="z-index:1000;">Title22</a></h3>
            <p><a id="p-22" onclick="javascript:openHash(\'#id-22\');" style="z-index:1000;">shortDesc22</a></p>
        </div>
    <script id="metamorph-21-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-22-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide23" id="post23" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-32-start" type="text/x-placeholder"></script><script id="metamorph-32-end" type="text/x-placeholder"></script></cat>
            <img id="img-23" src="apple-touch-icon-114x114-precomposed.png" name="Title23" onclick="javascript:openHash('#id-23')">
            <p><a href="#id-23" onclick="javascript:alert('#id-23')" style="z-index:1000;">Title23</a></p>
            <h3><a id="h3-23" href="#id-23" onclick="javascript:openHash('#id-23');" style="z-index:1000;">Title23</a></h3>
            <p><a id="p-23" onclick="javascript:openHash(\'#id-23\');" style="z-index:1000;">shortDesc23</a></p>
        </div>
    <script id="metamorph-22-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-23-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide24" id="post24" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-33-start" type="text/x-placeholder"></script><script id="metamorph-33-end" type="text/x-placeholder"></script></cat>
            <img id="img-24" src="apple-touch-icon-114x114-precomposed.png" name="Title24" onclick="javascript:openHash('#id-24')">
            <p><a href="#id-24" onclick="javascript:alert('#id-24')" style="z-index:1000;">Title24</a></p>
            <h3><a id="h3-24" href="#id-24" onclick="javascript:openHash('#id-24');" style="z-index:1000;">Title24</a></h3>
            <p><a id="p-24" onclick="javascript:openHash(\'#id-24\');" style="z-index:1000;">shortDesc24</a></p>
        </div>
    <script id="metamorph-23-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-24-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide25" id="post25" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-34-start" type="text/x-placeholder"></script><script id="metamorph-34-end" type="text/x-placeholder"></script></cat>
            <img id="img-25" src="apple-touch-icon-114x114-precomposed.png" name="Title25" onclick="javascript:openHash('#id-25')">
            <p><a href="#id-25" onclick="javascript:alert('#id-25')" style="z-index:1000;">Title25</a></p>
            <h3><a id="h3-25" href="#id-25" onclick="javascript:openHash('#id-25');" style="z-index:1000;">Title25</a></h3>
            <p><a id="p-25" onclick="javascript:openHash(\'#id-25\');" style="z-index:1000;">shortDesc25</a></p>
        </div>
    <script id="metamorph-24-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-25-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide26" id="post26" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-35-start" type="text/x-placeholder"></script><script id="metamorph-35-end" type="text/x-placeholder"></script></cat>
            <img id="img-26" src="apple-touch-icon-114x114-precomposed.png" name="Title26" onclick="javascript:openHash('#id-26')">
            <p><a href="#id-26" onclick="javascript:alert('#id-26')" style="z-index:1000;">Title26</a></p>
            <h3><a id="h3-26" href="#id-26" onclick="javascript:openHash('#id-26');" style="z-index:1000;">Title26</a></h3>
            <p><a id="p-26" onclick="javascript:openHash(\'#id-26\');" style="z-index:1000;">shortDesc26</a></p>
        </div>
    <script id="metamorph-25-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-26-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide27" id="post27" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-36-start" type="text/x-placeholder"></script><script id="metamorph-36-end" type="text/x-placeholder"></script></cat>
            <img id="img-27" src="apple-touch-icon-114x114-precomposed.png" name="Title27" onclick="javascript:openHash('#id-27')">
            <p><a href="#id-27" onclick="javascript:alert('#id-27')" style="z-index:1000;">Title27</a></p>
            <h3><a id="h3-27" href="#id-27" onclick="javascript:openHash('#id-27');" style="z-index:1000;">Title27</a></h3>
            <p><a id="p-27" onclick="javascript:openHash(\'#id-27\');" style="z-index:1000;">shortDesc27</a></p>
        </div>
    <script id="metamorph-26-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-27-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide28" id="post28" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-37-start" type="text/x-placeholder"></script><script id="metamorph-37-end" type="text/x-placeholder"></script></cat>
            <img id="img-28" src="apple-touch-icon-114x114-precomposed.png" name="Title28" onclick="javascript:openHash('#id-28')">
            <p><a href="#id-28" onclick="javascript:alert('#id-28')" style="z-index:1000;">Title28</a></p>
            <h3><a id="h3-28" href="#id-28" onclick="javascript:openHash('#id-28');" style="z-index:1000;">Title28</a></h3>
            <p><a id="p-28" onclick="javascript:openHash(\'#id-28\');" style="z-index:1000;">shortDesc28</a></p>
        </div>
    <script id="metamorph-27-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-28-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide29" id="post29" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-38-start" type="text/x-placeholder"></script><script id="metamorph-38-end" type="text/x-placeholder"></script></cat>
            <img id="img-29" src="apple-touch-icon-114x114-precomposed.png" name="Title29" onclick="javascript:openHash('#id-29')">
            <p><a href="#id-29" onclick="javascript:alert('#id-29')" style="z-index:1000;">Title29</a></p>
            <h3><a id="h3-29" href="#id-29" onclick="javascript:openHash('#id-29');" style="z-index:1000;">Title29</a></h3>
            <p><a id="p-29" onclick="javascript:openHash(\'#id-29\');" style="z-index:1000;">shortDesc29</a></p>
        </div>
    <script id="metamorph-28-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-29-start" type="text/x-placeholder" style="width: 0px; float: left; "></script>
        <div class="draggable post slide30" id="post30" style="width: 235px; float: left; ">
            <cat style="display:none;"><script id="metamorph-39-start" type="text/x-placeholder"></script><script id="metamorph-39-end" type="text/x-placeholder"></script></cat>
            <img id="img-30" src="apple-touch-icon-114x114-precomposed.png" name="Title30" onclick="javascript:openHash('#id-30')">
            <p><a href="#id-30" onclick="javascript:alert('#id-30')" style="z-index:1000;">Title30</a></p>
            <h3><a id="h3-30" href="#id-30" onclick="javascript:openHash('#id-30');" style="z-index:1000;">Title30</a></h3>
            <p><a id="p-30" onclick="javascript:openHash(\'#id-30\');" style="z-index:1000;">shortDesc30</a></p>
        </div>
    <script id="metamorph-29-end" type="text/x-placeholder" style="width: 0px; float: left; "></script><script id="metamorph-19-end" type="text/x-placeholder" style="width: 0px; float: left; "></script>
</div>