CSSでリストをテーブルに変換みたいな〜

プログラミング

必要があって作ったものですが１日はかかっています（遅ｗ）
マークアップ上はリストなんだけれど見せ方はテーブルがいいみたいな時のことです。
しかも今気がついたけれど・・・IEで崩れてるｗ（XHTMLでないとだめでした）
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>liToTable</title>
<link href="liToTable.css" rel="stylesheet" type="text/css" />
</head>
<body> 
	<div id="liToTable">
                <ul>
                    <li>１
                        <ul>
                            <li>１−１
                                <ul>
                                    <li>１−１−１</li>
                                </ul>
                            </li>
                            <li>１−２
                                <ul>
                                    <li>１−２−１</li>
                                </ul>
                            </li>
                            <li>１−３
                                <ul>
                                    <li>１−３−１</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>２
                        <ul>
                            <li>２−１
                                <ul>
                                    <li>２−１−１</li>
                                    <li>２−１−２</li>
                                </ul>
                            </li>
                            <li>２−２
                                <ul>
                                    <li>２−２−１</li>
                                    <li>２−２−２</li>
                                    <li>２−２−３</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
	</div>
</body>
</html>

CSS(liToTable.css)

@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;
	color:#300;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	font-size:12px;
	text-decoration:none;
}
body {
	margin:0px;
	padding:0px;
	height: 100%;
}
ul{
	list-style-type: none;
}
div#liToTable{
	width:690px;
	border-bottom:#990 solid 1px;
	margin:10px;
}
div#liToTable ul{
	width:148px;
}
div#liToTable ul li{/*左*/
	width:128px;
	line-height:15px;
	padding:10px 0px 0px 20px;
	border-top:#990 solid 1px;
	border-left:#990 solid 1px;
	border-right:#990 solid 1px;
	background-color:#cccc99;		
}
div#liToTable ul li ul{/*中*/
	margin-top:-26px;
	margin-left:128px;
	width:158px;
}
div#liToTable ul li ul li{
	width:138px;
	background-color:#dedebc;
}
div#liToTable ul li ul li ul{
	margin-top:-26px;
	margin-left:138px;
	width:378px;
}
div#liToTable ul li ul li ul li{/*右*/
	width:360px;
	padding:10px 0px 10px 20px;
	background-color:transparent;
}