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

まずそのまま

<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*/
}