【jQuery】bxSliderでIE7の時だけ画像が右にズレてしまう

【jQuery】bxSliderでIE7の時だけ画像が右にズレてしまう

IE TesterのIE7でスライダー画像が右にズレてしまい直すのにすごく苦戦していました。。
調べてみると同じ現象が起こっている人がいて、解決策を書いてくださっておりました!!

以下解決方法まとめ!※バージョン4.1.2
(ただjquery.bxslider.cssの.bx-viewportにtext-align: left;を追加するだけw)

.bx-wrapper .bx-viewport {
  text-align: left;/* 追加 */
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border:  5px solid #fff;
  left: -5px;
  background: #fff;
   
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
      -ms-transform: translatez(0);
      -o-transform: translatez(0);
      transform: translatez(0);
}

他のブラウザへの影響もなく正しく動作しました!

【プラグインサイト】
bxSlider

【参考サイト】
bxSliderで画像の位置が右にズレる場合の対処法:メモ | webutubutu