IE下设置span高度无效

CSS

 span.cesls{ display:inline-block;width:12px;height:22px;vertical-align:middle; background:url(../images/cart.gif) no-repeat; margin:3px 1px 2px 0; border:1px solid red} 
 
.caup,.cadown{ display:block;width:12px;height:11px;cursor:pointer; border:1px solid blue; } 



HTML


  <div id="cartlist">
  
  <span class="cesls"><span class="caup"></span><span class="cadown"></span></span></div>  
</div>

在IE下设置.caup .cadown高度11px无效，但是设置大的数110px就可以
求解@

是的 在ie下有默认的高度
需要加个 overflow:hidden;

<span>里加一个&nbsp; line-height:22px;
或者<span>里加一段文字，然后text-indent:-3000px;