Compatibilidade Opacidade Texto CSS IE7

Opa Pessoal!

Estava passando por uma dificuldade em deixar o texto de dentro de uma div com opacidade no Internet Explorer 7.

Normalmente eu faria isso para resolver:

<head>
    <style type="text/css">
        .opacidade{
            opacity:0.65;
            -moz-opacity:0.65;
            filter:alpha(opacity=65);
            }
    </style>
</head>

<body>
    <div class="opacidade">
        Texto Opaco
    </div>
</body>

Mas por algum motivo ele não fica opaco, mesmo olhando pelo kit de desenvolvedor do IE7, ele mostra que está recebendo o estilo, mas não aplica!!!

para resolver eu fiz isso:

<head>
    <style type="text/css">
        .opacidade{
            opacity:0.65;
            -moz-opacity:0.65;
            filter:alpha(opacity=65);
            width: 100% /*Adicionei esta linha*/
            }
    </style>
</head>

<body>
    <div class="opacidade">
        Texto Opaco
    </div>
</body>

Alguem sabe por que eu preciso adicionar o width 100% para ele aceitar o comando filter?

Topicos relacionados