急！为何小弟我做的达不到效果-HTML教程-爱易网页

急！为何小弟我做的达不到效果

日期：2014-05-17　浏览次数：20597 次

急急！！！为何我做的达不到效果
这是css中的代码：
#right{
width:250px;
height:300px;
padding-top:32px;
background:url(../images/bg.gif) no-repeat;
}
#right dl dt{
width:80px;
margin:0px;
float:left;
padding:2px 0px;
text-align:center;
}
#right dl dt img{
height:47px;
width:60px;
border:1px solid #9ea0a2;
veritical-align:middle;
}
#right dl dt dd a{
font:12px/47px 宋体；
color:#333;
text-decoration: none;
}
#right dl dt dd a:hover{
color:#ff7300;
}
这是html代码：
<html>
<head>
<title>实现新品上架</title>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
</head>
<body>
<div id="right">
<dl>
<dt><img src="images/show4.jpg" alt="alt"/></dt>
<dd><a href="#">大牌狂降价，三折直送</a></dd>
</dl>
<dl>
<dt><img src="images/show5.jpg" alt="alt"/></dt>
<dd><a href="#">大学老师要求开网店</a></dd>
</dl>
<dl>
<dt><img src="images/show4.jpg" alt="alt"/></dt>
<dd><a href="#">黑眼圈推荐，美白不停</a></dd>
</dl>
<dl>
<dt><img src="images/show5.jpg" alt="alt"/></dt>
<dd><a href="#">瘦身狂潮风，修身之选</a></dd>
</dl>
</div>
</body>
要的图片添加不了啊？？？

------解决方案--------------------
css中加个

#right dl {
clear:both;
}