ある要素内にpaddingが付いてる子要素があったりなかったりする場合に余計なclassを付けないでpaddingを揃える

http://blog.sakurachiro.com/2010/09/negative-margin-padding-counterbalanceの検証ページ
20100915 / css修正したページをアップしました。

まずそのまま

<dt>リンクなし
<dd>リンクあり
<dt>リンクあり
<dd>リンクあり

ネガティブマージン使った(IE6-7で表示やdisplay:blockがおかしい)

<dt>リンクなし
<dd>リンクあり
<dt>リンクあり
<dd>リンクあり

とりあえずIE6-7対策してみた

<dt>リンクなし
<dd>リンクあり
<dt>リンクあり
<dd>リンクあり
dt {
  padding:10px;
  background:#09c;
}
dt a {
  display:block;
  padding:10px;
  background:#ace;
}
dd a {
  display:block;
  padding:10px;
  background:#dedede;
}
.taisaku dt a {
  margin:-10px;
}
.taisakuIE dt a {
  margin:-10px;
/position:relative;/*IE6-7*/
/margin-top:-13px;/*IE6-7*/
}
.taisakuIE dd a {
/zoom:1;/*IE6-7*/
}

このページは乱雑モックアップのサンプルページです。

間違い等発見された方は、ぜひお知らせください。