问题如下。。

<div class="right">        <!-- 右侧生活服务区 -->
			 		<dl class="letters">
			 			<dt><a>慕快报</a> <span>更多></span></dt>
			 		    <dd>[特惠] 精选图书每满150减50</dd>
			 			<dd>[公告] 因广州图书仓搬仓升级配送延迟</dd>
			 			<dd>[特惠] 爆款手机12期免息 抽奖赢电视</dd>
			 			<dd>[公告] 广东、福建受台风影响配送延迟</dd>
			 			<dd>[特惠] 大闸蟹领券满399减180</dd>
			 		</dl>

			 		<table cellspacing="0"> 
			 			<tr>
			 				<td><img src="../慕陶网素材/icon/1.png"><br/>话费</td>
			 				<td><img src="../慕陶网素材/icon/2.png"><br/>机票</td>
			 				<td><img src="../慕陶网素材/icon/3.png"><br/>电影票</td>
			 				<td><img src="../慕陶网素材/icon/4.png"><br/>游戏</td>
			 			</tr>
			 			<tr>
			 				<td><img src="../慕陶网素材/icon/5.png"><br/>彩票</td>
			 				<td><img src="../慕陶网素材/icon/6.png"><br/>加油卡</td>
			 				<td><img src="../慕陶网素材/icon/7.png"><br/>酒店</td>
			 				<td><img src="../慕陶网素材/icon/8.png"><br/>火车票</td>
			 			</tr>
			 			<tr>
			 				<td><img src="../慕陶网素材/icon/9.png"><br/>众筹</td>
			 				<td><img src="../慕陶网素材/icon/10.png"><br/>理财</td>
			 				<td><img src="../慕陶网素材/icon/11.png"><br/>礼品卡</td>
			 				<td><img src="../慕陶网素材/icon/12.png"><br/>白条</td>
			 			</tr>
			 		</table>
			 		<img id="life" src="../慕陶网素材/ad.png">
		    </div>

 #banner>.right{                   /* 右侧生活服务区 */
                width:230px;
                height: 380px;
                position: absolute;
                right: 0;
                top:10px;
               }

  .letters{border: 1px solid lightgrey;
 	              border-bottom: none;
 	              width: auto;
                  padding: 12px;
                  color: grey;
                  line-height: 20px;
              }

  .letters :hover{color: red;}
  .letters a{ color: red;
              font-size: 15px;
          }  

  .letters span{position: absolute;
  	             right: 12px;} 

  table{width: 100%;
        border: 1px solid lightgrey;
       }

   table td{width: 25%;  /*生活服务单元格*/
   	      border:0.5px solid lightgrey;  	     
   	      height: 40px;
   	      vertical-align: middle;
   	      line-height: 15px;
   	      text-align: center;
   	      padding:10px 0;    
          }	             
table td img{width: 30%;
              height: 50%;}


 #life{  /*生活服务区的大图*/
        width:100%;
        height: 60px;
      }

就是在一个大div中放入了一个table表格，我没有设置hover属性，但鼠标移入这个大div中，table内的文字全部变红色，这是什么原因呢？