IE 7 and .append()

IE 7 and .append()

i am appending some html like below in my jquery 

  1.  orderDetails = '';
  2.             orderDetails += '<tr valign="center" id="tr' + MenuId + '">';

  4.             //orderDetails += '<td width="40%" class="cartHeaderRow">' + "<input id='txtHidMenId' type='hidden' value='" + MenuId + "' />" + jQuery.trim($(".name", row).text()) + '</td>';
  5.             orderDetails += '<td class="cartHeaderRow" style="word-wrap: break-all;width:155px;"><div style="width:120px;word-wrap: break-word;">' + jQuery.trim($(".name", row).text()) + '</div></td>';

  7.             //orderDetails += '<td width="30%">' + "<span style="width:100px;" id='Dec" + MenuId + "' class='Dec'>-</span>" + "<input id='txtShopQty' class='" + MenuId + "' style='width: 30px;' value='" + menuQty + "' />" + "<span id='Inc" + MenuId + "' class='Inc' >+</span>" + '</td>';
  8.             orderDetails += '<td height="5" valign="top"><div style="width:75px;">' + "<div id='Dec" + MenuId + "' align='center' class='Dec'><img src='images/minu.jpg'></div>" + "<input id='txtShopQty' class='" + MenuId + "' style='width: 27px;' value='" + menuQty + "' readonly='true' />" + "<div id='Inc" + MenuId + "' align='left' class='Inc' ><img src='images/plus.jpg'><input id='txtHidMenId' type='hidden' value='" + MenuId + "' /></div>" + '</div></td>';

  10.             orderDetails += '<td height="5" style="width:50px;" align="center" valign="middle" class="totalCalPrice" id="MenuSinglePrice' + MenuId + '">' + parseFloat(MenuSingleTotal).toFixed(2) + '</td>';
  11.             orderDetails += '</tr>';

  13.             $("#orderTable").append(orderDetails); 

problem is i dont see the appended markup in IE 7 ... i can see the appended markup in other browsers..
can anybody confirm