                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /商城分类导航效果

为什恶魔我的.sright dl dd a里的行高度没有缩小没改变？

.sleft dl dd a{
           display:block;
           float:left;
           border-left:1px solid #ccc;
           color:#737373;
           font-size:12px;
           padding:0 8px;
           height:14px;
           line-height:14px;
           margin:4px 0;
       }
       .sright dl dd{
           margin:3px 0;
       }
       .sright dl dd a{
           color:#ccc;
           font-size:9px;
           height:16px;
           line-height:16px;
       }
       .sright dl dd a img{
           width:200px;
           height:100px;
       }
       .sright dl dd a:hover{
           color:#ccc;
           font-weight:normal;
       }

<div class="sright">
                       <dl>
                           <dd>
                               <a href="#">
                                   <img src="../img/DD.ico" width="200" height="200" title="点名"/>
                               </a>
                           </dd>
                           <dd>
                               <a href="#">
                                   <img src="../img/GM.ico" width="200" height="200" title="国美"/>
                               </a>
                           </dd>
                       </dl>
                       <dl>
                           <dt>推荐品牌</dt>
                           <dd>
                               <a href="#">美的官方旗舰店</a>
                           </dd>
                           <dd>
                               <a href="#">小熊官方旗舰店</a>
                           </dd>
                           <dd>
                               <a href="#">本草官方旗舰店</a>
                           </dd>
                       </dl>