Bootstrap IE background color issue

Question

I can't seem to change the background color of my navbar in IE9. The site uses Twitter-Bootstrap

Here is the website: http://iioengine.com/

The top navbar has a white background in every browser other than IE. It's black in IE. I've tried targeting every part of the element with CSS but nothing has effected its color in IE.

I've also set background-image to none in all relevant classes

Anyone know what the issue is or what I need to target? IE is driving me crazy.. Thanks

SOLUTION:

.navbar-inverse .navbar-inner{
  filter:none;
  background-color:white;
}

Answer 1

I ran into a simlar issue w/IE9 + Bootstrap 3. filter:none did not fix the issue for me. Adding this did:

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

Answer 2

Filter is the problem as pointed out by @Adrift

Answer 3

This is being caused by a MS filter gradient on .navbar-inverse .navbar-inner {}

The solution is to override this with none in your own stylesheet:

div.navbar-inverse .navbar-inner {
    filter: none;
    background-color: none;
}