■Firefoxで画像置換（IR法）時の枠線を消す

Firefoxにおいて、メニューやナビボタンなどを画像置換

（IR法・Image Replacement法）すると、枠線が左に大きく出てしまう。

Firefoxの1.5以降からの症状らしい。



【解決方法1】

:focus{
-moz-outline-style:none;
}

と記述してやるとうまくいく。



が



W3C CSS Validator　でエラーをおこす。



【解決方法2】

a {
outline: none;
}

↑一応、これでも消せるし、W3C CSS Validator　でも通る。

が、どっかに不具合がでてきそう。。