【repeating-linear-gradient】 Chrome下显示不正常

从上到下依次是Firefox、IE、Chrome……问题什么的应该很容易看出来吧……

求解……代码如下

.main {
width:950px;
margin:auto auto;
margin-top:40px;
background-color:white;
background:rgba(255,255,255,.5) !important;
background: -webkit-repeating-linear-gradient(45deg, rgba(170, 204, 238, 0.3), rgba(170, 204, 238, 0.3) 2px, rgba(255, 153, 102, 0.5) 2px, rgba(255, 153, 102, 0.5) 4px) !important;
background: -moz-repeating-linear-gradient(45deg, rgba(170, 204, 238, 0.3), rgba(170, 204, 238, 0.3) 2px, rgba(255, 153, 102, 0.5) 2px, rgba(255, 153, 102, 0.5) 4px) !important;
background: -o-repeating-linear-gradient(45deg, rgba(170, 204, 238, 0.3), rgba(170, 204, 238, 0.3) 2px, rgba(255, 153, 102, 0.5) 2px, rgba(255, 153, 102, 0.5) 4px) !important;
background: -ms-repeating-linear-gradient(45deg, rgba(170, 204, 238, 0.3), rgba(170, 204, 238, 0.3) 2px, rgba(255, 153, 102, 0.5) 2px, rgba(255, 153, 102, 0.5) 4px) !important;
background: repeating-linear-gradient(45deg, rgba(170, 204, 238, 0.3), rgba(170, 204, 238, 0.3) 2px, rgba(255, 153, 102, 0.5) 2px, rgba(255, 153, 102, 0.5) 4px) !important;
border-radius:5px;
}