Button is displaying above at the time of page loading
<p>if we visit this <a href="http://sbdev2.kidsdial.com/colored-marble-micromax-canvas-knight-a350-phone-case.html" rel="nofollow noreferrer">page</a> , at the time of loading , "ADD TO CART" button will display bit above as below image.</p>

<p><a href="https://i.stack.imgur.com/fTe8p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fTe8p.png" alt="enter image description here"></a></p>

<p>once the page loaded completely, than it will display in proper place.</p>

<p><a href="https://i.stack.imgur.com/zJJl4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zJJl4.png" alt="enter image description here"></a></p>

<p>but at the time of page loading also i want to display in proper place.</p>

<pre><code>.label {
    color: #000;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.product-view .add-to-cart .qty-wrapper label {
    line-height: 40px;
}

.qty-wrapper, .product-view .add-to-cart .qty-wrapper label {
    margin-right: 7px;
    float: left;
}

.product-view .add-to-cart-buttons {
    float: left;
    margin-right: 10px;
    max-width: 100%;
}
</code></pre>