急急  !!!为何我做的达不到效果
这是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;
  }