title: IE6 Table cell alignment problem with ajax
body: <p>This one is weird,</p>
  
  <p><a href="http://www.pickledegg.orchardhostings6.co.uk/bug/wp-test.php" rel="nofollow noreferrer">I have a page that consists of a html table in a div called 'rates-viewer'</a>. If you load this page in IE (6 or 7), you will notice that the contents of the table headers is misaligned over to the left.</p>
  
  <p>If you choose a country from the dropdown, it triggers an ajax call to a script. This script returns exactly the same html into the 'rates-viwer' div, to replace the original table.</p>
  
  <p><em>The weird thing is that when it does so, the table header content is correctly aligned.</em> </p>
  
  <p>Why does loading the same html into the same div, cause my table header content to be corrected like this?</p>
  
  <p>I assumed that my html differed slightly, I'm sure its the same.</p>
  
  <p>Can anyone plase help with this one please, its causing me to frown a lot :) I basically need the original html to be lined up correctly, but I'm intrigued as to why this is happening.</p>
  
  <p>The JS is a bit of jquery, and its in the wp-test.php source. My script that is called is rates-viewer-test.php, and the CSS is in main.css...</p>