cssで背景画像が1pxずれるクロームのバグ

HTML・CSS | 2012.03.08

横幅100%のカラム内にセンター揃えで背景を指定したところ、クロームブラウザのみで右に1pxずれるという現象に遭遇しました。

1pxのずれなので、あやうく見落としそうなわずかなずれです。
しかし、デザインによっては1pxのずれでも気になるもの・・・
そこで、色々と解決策を試してみたのですが、なかなかよい策がなく、下記の方法で対処しました。

右に1px足した背景画像を別に用意し、クロームのみのハックを使う

気分的にあまりすっきりとしない方法ですが、とりあえずこれで回避できました。

クローム用のハックはこちら
@media screen and (-webkit-min-device-pixel-ratio:0) {
#bg{background:url(img/bg.jpg) top center no-repeat;}
}