Прозрачный цвет фона, но не прозрачный текст в IE 6 и 7

Question

Я попытался следовать советам в CSS: semi-transparent background, but not text. Я доволен результатами в Firefox, Safari, Opera и Chrome. В этих браузерах я получаю результат, аналогичный приведенному ниже, где вы можете видеть фон в прозрачности под заголовком. Однако у меня проблемы с IE.

Вы должны click here to see the jsfiddle.

В IE8 в порядке, но в IE6/7 нет цветной полосы на всех. Кто-нибудь знает, как это исправить?

Answer 1

В div.header:

Снимите:

background-color: #0a5787; 
background: transparent; 

Добавить:

background: none; 
zoom: 1; 

Изменить:

/* For IE 5.5-7 */ 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787); 
/* For IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787)"; 

Это работает на IE7, когда я тестирую его, и теоретически я уверен, что он должен работать в IE6, но на моем эмуляторе он не работает.

JSFiddle: http://jsfiddle.net/3jEbC/