title: Safari 6 issue with max-width on tables
body: <p>I've run into a problem at work with Safari 6 on OS X.  When viewing an archive of a sent email (by clicking the "click here to see online" link), Safari displays the newsletter at about 50% of its actual size.  This is not replicable on any browser in Windows (including Safari), which leads me to believe it's an OS X issue???</p>
  
  <p>LINK: <a href="http://uofi.uic.edu/emailer/newsletter/41090.html" rel="nofollow">http://uofi.uic.edu/emailer/newsletter/41090.html</a></p>
  
  <p>It's supposed to be a mobile-friendly page that resizes based on viewing size.</p>
  
  <p>I looked into it and realized that the max-width was not having much of an effect (a table should go 100% unless otherwise specified - max-width allows it to go 100% but limits it from exceeding a specific width) and when max-width was replaced by width, it worked perfectly.  However, this prevents it from being viewable on a mobile-device or scalable in a desktop browser.</p>
  
  <p>Anyone have any idea what is causing <em>ONLY</em> Safari 6 on OS X to render this badly?</p>
  
  <p>As a side note, if you refresh the page, randomly it displays properly (at 600px rather than 350px).  However, this only works if you reenter the URL by highlighting the address bar and clicking Enter.  If I click the refresh button, it doesn't work all that often.  Regardless, this is not a solution for our user base.</p>
  
  <p>Would greatly appreciate any input/feedback!</p>
  
  <p>Thanks.</p>