/* CSS･スタイルシート質問スレッド【32】 */

<dl>
<dt>名前</dt>
<dd><input type="text" name="name" value="" /></dd>
<dt>メールアドレス</dt>
<dd><input type="text" name="mail" value="" /></dd>
</dl>
を、

dl{
border:1px solid #000;
}
dd{
margin-top:-1em;
margin-left:20em;
}
とすると、ボーダーが横に何本も出てきてしまいます。
DDの横並びスタイルを解除すれば、普通に全体を線で囲んでくれるのですが…。
どうすればいいでしょうか？