filter:progid:DXImage

[silko]

Hi 

For some reason IE7 is ignoring 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F6E18',endColorstr='#143402',GradientType=0);
  on 
my navigation but recognizes the gradient for the class navbkgrnd. Its all 
works as expected in IE8 and the other browsers. Anyone have any 
suggestions please 


*HTML*

<div class="span12 down navbkgrnd"> 
<!--<span class="center">-->
<ul class="nav nav-tabs nav-stacked">
                        <li class="active">

<a data-toggle="active" href="/" class="">Home<b class=""> </b></a></li>



*CSS* 

.navbkgrnd{
background-color:#539a2b;
background-image:-moz-linear-gradient(top,#539a2b,#346f10);
background-image:-ms-linear-gradient(top,#539a2b,#346f10);
background-image:-webkit-gradient(linear,0 0,0 
100%,from(#539a2b),to(#346f10));
background-image:-webkit-linear-gradient(top,#539a2b,#346f10);
background-image:-o-linear-gradient(top,#539a2b,#346f10);
background-image:linear-gradient(top,#539a2b,#346f10);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#539A2B',endColorstr='#346F10',GradientType=0)
}

.navbar .nav .active>a,.navbar .nav .active>a:hover{
color:#ffffff;
text-decoration:none;
background-image:-moz-linear-gradient(top, #2F6E18, #143402);
background-image:-ms-linear-gradient(top, #2F6E18, #143402);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2F6E18), 
to(#143402));
background-image:-webkit-linear-gradient(top, #2F6E18, #143402);
background-image:-o-linear-gradient(top, #2F6E18, #143402);
background-image:linear-gradient(top, #2F6E18, #143402);
background-image: -ms-linear-gradient(top, 2F6E18 0%, #143402 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F6E18',endColorstr='#143402',GradientType=0);
 

}