Google 크롬이 배경 그래디언트를 전혀 렌더링하지 않음

이 기사를 읽으면서 http://www.sitepoint.com/using-unprefixed-css3-gradients-in-modern-browsers/.이 기사에서 다룬 내용을 약간의 데모로 만들었습니다. Google 크롬이 배경 그래디언트를 전혀 렌더링하지 않음

<html> 
    <head> 
     <title>Css Gradients</title> 
     <style> 
      .demo{ 
       height: 200px; 
       width: 400px; 
       margin-bottom: 10px; 
       background: linear-gradient(to right,red,yellow); 
       /*background: linear-gradient(23deg,red,yellow);*/ 
      } 
      #radial{ 
       /*background: radial-gradient(at center,red,yellow);*/ 
       background: radial-gradient(circle closest-corner,red,yellow); 
      } 
     </style> 
    </head> 
    <body> 
     <div class="demo"></div> 
     <div class="demo" id="radial"></div> 
    </body> 
</html>

지금 문제가 파이어 폭스 올바르게 배경 그라데이션을 렌더링하고있다하지만 구글 크롬 (버전 22) 순간 all.See의 배경 그라데이션 스크린 샷 Firefox