IE6 dl,dt,ddの擬似テーブルで3pxのずれを直す方法

dt,ddを横並びにして、テーブルっぽくするやり方なのですが、多分、display: inline;でfloatしているボックスのmarginが2倍になるバグを回避する方法を昔はしらなかったため、IEハックつかって、半分のmarginいれてたりしたのだけれども。今display: inline;使って試してみたらすんなり！以下詳細

dl.table {
	margin: 1em 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
}

dl.table dt {
	margin: 0;
	margin-right: -13em;
	padding: 0.2em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 13em;
	text-indent: 10px;
}

dl.table dd {
	margin-left:13em;
	padding: 0.2em 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff; 
}

dl.table {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

dl.table::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

clearfix使ってます。clearfixが重要なのかな？

結構シンプル！？

昔挫折したことでも、再び挑戦してみる事って大切ですね！

でもま、表のときは無理やりこれつかわずテーブルでやるほうがいいですね。

body#entry3 dl.test2 dt {
	border-left: 1em solid #f5f5f5;
}