title: cross browser gradient issue
body: <pre><code>#PEOPLE {
      text-shadow:#f2f2f2 0px 1px  0px;
      color:#333;
      margin-left: 20px;
      background-color: #F0F0F0;
      border-radius: 1em 1em 1em 1em;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
      font-family: "helvetica neue", helvetica, arial, sans-serif;
  
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f1f1f1'); /* for IE */
      background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1)); /* for webkit browsers */
      background: -moz-linear-gradient(top,  #f8f8f8,  #f1f1f1); /* for firefox 3.6+ */
      margin-top: 25px;
      margin-right: 10px;
      text-align: left;
      height: 235px;
  }
  </code></pre>
  
  <p>Works perfect on chrome &amp; firefox but not in ie8. i didnt try another browser.
  i need your help</p>