Q:

Input text showing on next row

On http://www.bigbasket.com, the Input for "Qty" is coming on the next row in case of IE9.
Its fine on IE7/8, FF and Chrome. But for some reason it is breaking on IE9.

A:

The issue might be the fact that you are not using the label correctly. The Label should contain the text "qty", and the input should not be inside the label. E.g.
<label for="p10000159_qty">Qty:</label>
<input id="p10000159_qty" class="qtyTxtField" name="pqty" maxLength="2" value="1" type="text">

EDIT it works if you either reduce the width of .qtyTextField by 3px, or take off margin-left:3px. It is shifting onto the next row because there's not enough room on that row for IE.

