急急！为何我做的达不到效果_html/css_WEB-ITnose

这是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代码：








要的图片添加不了啊？？？

回复讨论(解决方案)

这是css中的代码：
#right{
width:250px;
height:300px;
padding-top:32px;
background:url(../images/bg.gif) no-repeat;
}
#right dl dt{
…… 达不到我要的效果？？？它那个浮动都乱了,图片应该是左浮动，然后字是在图片的右边浮动！

css中加个

#right dl {
clear:both;
}

二楼的答案非常正确！！！+1

css中加个

#right dl {
clear:both;
}
+1

先把前面的浮动清楚一下，或许可以。
跟多 DIV教程 http://blog.sina.com.cn/u/2760399482

蓝桥的同学？？