CSSでリストにネガティブマージンを使う

たまには真面目に
リスト項目を作りたいとき、横並びにするには
ul li {
float : left ;
}
として、liの親要素であるulにClearFixをかけてあげると綺麗に横一列に並びますが、
たとえば
<dl>
<dt>項目</dt>
<dd>子供１</dd>
<dd>子供２</dd>
</dl>
と書いて、dd部分をネガティブマージン（marginの値をマイナスにする事）で
上にめり込ませて使ってみます
この場合はddに
margin:-2em;
等のようにかけると一行文上にずらすことが出来ますよね
で更に見やすいように
border:1px #000000 solid;
のように線を引いてみます

項目

子供１

子供２

この方法だと結構上手くいくのですが
li {
border : 1px #000000 solid ;
}

ul li ul li {
border : none ;
}

ul li ul {
margin-top : -1.2em ;
}

<ul>
<li>1
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</li>
<li>2

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</li>
<li>3</li>
</ul>
とulを使って入れ子で作るとでIEで見て線が変になったーなんじゃこりゃとなることがあります
どうやらIE7も含めてそれ以前はマージンにマイナスを指定するという事自体が想定されていないようで
一カ所でも使うと色々なところが変になります、ええまったくもう

これの対処法ですが
pee-ka-booバグといっしょでhaslayoutが悪さしているようなので
IE6なら
display:inline-block;
IE7ならバリデーターに怒られますが
zoom:1;
を指定してあげるのが簡単だと思います