求助。。京东详情页面最上方代码敲不出来
京东的是这样的：
我做出来是这样的：
然后正常给a设置高度设置不了，菜鸟求帮助
我的代码如下：
<!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" />
<title>无标题文档</title>
<style>
*{ margin:0; pading:0;}
#header
{
background:#F7F7F7;
height:30px;
line-height:30px;
}
#header dl
{
diaplay:block;
font-size:12px;
font-family:宋体;
font-weight:400;
overflow:hidden;
}
#header dl dt
{
diaplay:block;
margin-left:70px;
padding-left:16px;
background:url(../images/shoucang-star.png) no-repeat left;
overflow:hidden;
}
#header dl dt a
{
color:#666666;
text-decoration:none;
}
#header dl dt a:hover
{
color:#E4393C;
text-decoration:underline;
}
#header dl dd
{
display:block;
margin-right:90px;
margin-top:-20px;
font-size:12px;
height:12px;
line-height:12px;
overflow:hidden;
}
#header dl dd a
{
display:block;
float:right;
color:#666666;
text-decoration:none;
border-left:1px solid #DDDDDD;
padding:10px;
overflow:hidden;
}
#header dl dd a:hover
{
color:#E4393C;
text-decoration:underline;
}
</style>
</head>
<body>
<div id="header">
<dl>
<dt><a href="#">收藏京东</a></dt>
<dd>
<a href="#">网站导航</a>
<a href="#">客户服务</a>
<a href="#">手机京东</a>
<a href="#">企业采购</a>
<a href="#">京东会员</a>
<a href="#">我的订单</a>
<a href="#">免费注册</a>
</dd>
</dl>
</div>
</body>
</html>
