以前実現したスライドショーはIE8のみで確認していた。FirefoxやChromeなど他ブラウザで表示させてみると微妙に表示するボックスの幅にずれが生じていた。このずれを修正する方法はないかと探していると、CSSハックという手法が存在することがわかった。
CSSハックとはCSSの中でブラウザを識別して、ブラウザに適したCSSを定義させるものである。次のサイトを参考にボックスの幅を修正してずれはなくなった。

今回、参考にしたサイトはこちら。

　　CSSハック一覧 – IE, Firefox, Safariなどなど

修正したCSSの例（IE8のときはwidthを990pxにする）

#slideshow  {
    clear:  right;
	float:  left;
    width:  1000px;
    width:  990px\9; /* IE8 */
    height: 217px;
}