javascript - ajax リクエストによって返されたテーブルが正しく表示されない

Question

HTMLテーブルを返すajaxリクエストを行います。そのページへの場所のリダイレクトを行うと、テーブルは適切に表示されますが、ajax 応答を div 要素内に配置すると、テーブルの形が崩れます。

function submitQuery() {
  length = category_query.length;
  if(category_query.indexOf('ALL') != -1)
    category_query = category_query.substring(0,length-4);    
  xmlhttp.onreadystatechange=function() {
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
      document.getElementById('resultDiv1').innerHTML = xmlhttp.responseText;
  } 
  xmlhttp.open("GET","cons_query.php?q="+category_query,true);
  xmlhttp.send();
  //window.location="cons_query.php?q="+category_query;
  //if i just redirect to this location, the table is displayed fine.
}

ajaxでもテーブルをそのまま見せたい。