hover特性在IE上挂了，其他浏览器都没问题

css

.center{
  margin:0 auto;
  display:block;
}

.width-wide{
  width:1200px;
}

.right{
  float:right;
}
.left{
  float:left;
}
/* TODO: css speical for the pagelist.jade */
.article-list{

    width:800px;
    margin-top:10px;
    /*min-height:500px;*/
    -webkit-box-shadow:0 0 3px 1px #888;
    -moz-box-shadow:0 0 3px 1px #888;
    box-shadow: 0 0 3px 1px #888;
}

.article-recent{
    border:1px solid #d0c7c7;
    width:380px;
    margin-top:10px;
    min-height:500px;
}

.list-unit{
  /*height:50px;*/
  font-size:20px;
  width:100%;
  padding:10px;
  margin-bottom:2px;
  /*margin:0px 0px 0px 0px;*/
}
.list-unit-first{
  /*margin:10px 0px 0px 0px;*/
}

.list-unit:hover{
  background-color:#d4cbc1;
  /*border-color:#79756e;*/
}

/* TODO:  for bg #fff */
.bg-white{
  background-color:#fff;
  /*border-color:#000;*/

  /*-webkit-box-shadow:0 0 3px 1px #888;
  -moz-box-shadow:0 0 3px 1px #888;
  box-shadow: 0 0 3px 1px #888;*/
}

html

<div class="center width-large">
  <div class="article-list left">
    <div class="list-unit bg-white list-unit-first"><a href="#">今日头条</a></div>
    <div class="list-unit bg-white"><a href="#">今日头条</a></div>
    <div class="list-unit bg-white"><a href="#">今日头条</a></div>
  </div>
  <div class="article-recent right bg-white"></div>
  <div class="clear"></div>
</div>

jade

.center.width-large
  .article-list.left
    .list-unit.bg-white.list-unit-first
      a(href='#') 今日头条
    .list-unit.bg-white
      a(href='#') 今日头条
    .list-unit.bg-white
      a(href='#') 今日头条
  .article-recent.right.bg-white