SIZEBOX Technica

リストでリンクを組んでそのリンクにロールオーバーの設定をしたとき、ie6でmargin-bottomがずれる。

<ul class = "gn"> <li class = "gn01"><a href = "#">A</a></li> <li class = "gn02"><a href = "#">B</a></li> <li class = "gn03"><a href = "#">C</a></li> <li class = "gn04"><a href = "#">D</a></li> </ul>  
こういう場合で縦に連続して配置する。

.gn li A{ margin-bottom:5px; margin-left:11px; }
マージンをこういう感じで設定するとie６だとずれる。なので。

.gn li{ margin-bottom:5px; margin-left:11px; }
こうしてあげればよい。

マージンなどはAで指定するよりliで指定したほうがいいみたい。

探しても解決法がなかったので自分用のメモ。