table tr td값 div 형식 변형

스타일은
<style type="text/css">

.m_text { BORDER: #5f5f5f 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #252525; color:#ffffff; }
.m_text2 { BORDER: #D3D3D3 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #dddddd; }
body {
background-image: url('<?=$g4[path]?>/img/loginbg.gif');
}

#form{
border: solid 3px #cccccc;
width:680px;
background:#666;
margin-top:80px;
text-align:left;
}
#form ul {
margin:0;
padding:0;
list-style-type:none;
}

.form_list_l{
padding-top:6px;
padding-left:10px;
float:left;
width:120px;
height:27px;
border-right:solid 1px #ffffff;
font-weight:bold;

}
.form_list_r{
padding-top:3px;
padding-left:7px;
width:550px;
height:27px;
display:block;
}
</style>


소스는 <center>
<div id="form">

<div style="margin:10px 0px 10px 10px; "><IMG alt=로고 src="<?=$g4[path]?>/img/logo.png" ></div>

<ul>

<li class="form_list_l">아이디
</li>
<li class="form_list_r">asdf
</li>

<li class="form_list_l">아이디
</li>
<li class="form_list_r">b
</li>

</ul>
</div>




</center>

이형태인테 지금 문제는 형태가 호환성 안풀면 정삭적으로 되는데 호환성을 풀면 이렇게 틀어지네요;;왜그르까요;;