IE6でliタグ内のaタグにhoverすると下の要素が動く

IE6での挙動不信なCSSコーディング。liタグ内のａタグにhoverした際にで下位要素の位置が上下してしまう。liにline-heightを設定する回避方法もあるにはあるのだが、ネストしてるliなので、高さが確定出来ないという状況。なぜかこんなことになってしまうIE6・・・困ったさん。

海の向こうではIE6の乗り換えを促す「IE6 No More」キャンペーンなんてことが行われてるらしい。こういう事態に直面すると、こんなバナーも貼りたくなります。。。

あなたは旧式ブラウザをご利用中です

このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。

※現在、指定ソース内の下記のコメントを外してみた状態。

<!--[if lt IE 7]>〜<![endif]-->

WebTecNote - IEのみに適用させるIF

IEのみに有効なif構文。
head内に記述することで、CSSやJavascript等をIEだけに適用させることが出来る。

なるほど。headタグ内でのみ有効な記述ということなんですね。色々とバージョンを確認できるようなのでIEを制御したい時には使えるtipsかもしれません。