title: Stack two <td> over each other
body: <p>I'm currently working on making a website responsive but the issue is, I need to make it responsive without touching the content of the page. 
  So everything stays the same on the page, but with a new stylesheet and a little Javascript (but mainly CSS) I'm looking to accomplish this task.</p>
  
  <p>The website is made mostly with tables.. so when the browser is resized (or accessed with a mobile device), I want the second 'td' inside my 'tr' to stack under the first one instead of both being next to each other.</p>
  
  <p>I gave the 'td' element a left float and a width of 100% and it worked fine in Firefox, but in Chrome &amp; Safari, both 'td' are 50% and on the same line.</p>
  
  <p>Let me know if you have any ideas, anything is appreciated!</p>