title: Zooming in Firefox Causes Page Layout to Break
body: <p>I'm having trouble with this page: <a href="http://seatgeek.com/atlanta-hawks-tickets/" rel="nofollow noreferrer">http://seatgeek.com/atlanta-hawks-tickets/</a>.  If you zoom out one level from the "normal" setting in Firefox, the page looks like this: <img src="https://i.stack.imgur.com/LIkiW.png" alt="Example broken image">.  This happens with both versions 3.6 and 4.0 of FF.  It does not happen with Webkit.</p>
  
  <p>Clearly the problem lies in the elements within the "list_details" div.  The problem can be fixed by decreasing the width of the "col1" or "col2" spans by 1px or by increasing the "vevent" li element by 1px, but these fixes cause the design to render improperly.  </p>
  
  <p>If you add up the width of "col1" and "col2", also taking into account their horizontal padding and border, the total width is 647px.  But it only displays properly in Firefox (when zoomed out one level) when the "vevent" element, which contains the two, has a width of 648px.  Why is that?</p>