title: css3 background radial circle gradient
body: <p>I have this code below which creating a background radial circle gradient.</p>
  
  <p>it's working well on all browsers except IE (not working even on IE9)</p>
  
  <p>what should I add to the css in order for it to work also on IE9 and IE8?</p>
  
  <p><a href="http://jsfiddle.net/bhBtw/" rel="nofollow">http://jsfiddle.net/bhBtw/</a></p>
  
  <p>The code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style type="text/css" media="screen"&gt;
          html { 
              background-color: #eee;
              height:768px;
          }
          div {
              width: 96%;
              height: 800px;
              padding: 10px;
              margin:0 auto;
          }
  
          div.circle {
              background-image: radial-gradient(center center, circle cover, #352e24, #1a160d);
              background-image: -o-radial-gradient(center center, circle cover, #352e24, #1a160d);
              background-image: -ms-radial-gradient(center center, circle cover, #352e24, #1a160d);
              background-image: -moz-radial-gradient(center center, circle cover, #352e24, #1a160d);
              background-image: -webkit-radial-gradient(center center, circle cover, #352e24, #1a160d);
          }
      &lt;/style&gt;
  &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="circle"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>