In Google Chrome 45, a bug was introduced that caused issues with column positioning and width assessment in table columns. This impacted one of our customers and broke their site very badly by incorrectly positioning their right sidebar. It also caused a width calculation by the browser to result in -10 when using the Chrome inspector. The problem did not exist in Chrome 43.

The solution for this customer was to adjust the CSS “display” property for the TD element in question to use “inline-block”. However, doing this unconditionally for all browsers broke the site in Internet Explorer 11 and to a lesser extent Firefox, so we wrapped the directive in some conditional CSS that caused it to only apply to WebKit-based browsers (which Chrome is).

The CSS looked like this:

@media screen and (-webkit-min-device-pixel-ratio:0) {
     td#right {
          display: inline-block;
          }
     }

The real fix is for Google to correct their bug, but perhaps this will help someone else who runs into the same problem in the meantime.