title: background gradients in IE7 with CSS
body: <p>I am using the following bit of CSS to create a linear background gradient. It seems to work just fine in IE8/9, FF, Safari and chrome but not in IE7. IE7 shows a solid (green) background. Here is my code</p>
  
  <pre><code>.menu_body a {
    display:block;
    color:#006699;
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #0b71a4, #025f8e);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
              left top, left bottom, from(#0b71a4), to(#025f8e));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
              StartColorStr='#0b71a4', EndColorStr='#025f8e', GradientType=0);
    padding: 1px 18px;
  }   
  </code></pre>