要用html做个类似下图这样的画面
谁帮我看看这段代码
为什么里面那格的内容总出来呢
还有怎么保证里面的颜色和外面的颜色一致呢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<head>
<title>ログの設定</title>
<style type="text/css">
div.tab ul{margin:0;padding:0;list-style:none}
div.tab ul li.s{padding-bottom:0;}
div.tab a{text-align:center;width:140px;display:block;text-decoration:none;color:#658A16;background:#E2F3B8;padding:2px 5px;height:120px;line-height:20px;}
div.tab li.s a{background:#658A16;color:#E2F3B8;height:26px;padding-bottom:2px;font-weight:bold;cursor:default;}
div.content{clear:both;border:solid 1px #658A16;border-width:5px 1px 1px;}
</style>
</head>
<body>
<div class="tab" id="tab">
<ul>
<li class="s"><a href="1">ログの表示</a></li>
</ul>
</div>
<div class="content">
<div id="c_study">
<ul class="list">
<li><fieldset style="width: 795px;margin:5px;border:1px solid #808080" align=left><legend>ユーザ</legend>
<div style="height:130px;PADDING:10px">アカウント：<td width=636px height=25px><input type="text" style="height:25px;width:641px;border:1px solid #a0a0a0" value=" "></td></fieldset>
</li>
</ul>
</div>
</div>
</body>
</html>
