[CSS] Nicht vollständige Transparenz

[Balu der Bär]

Moin Meflin, leider klappt dies nicht:

Ich habe einer Spalte einer Tabelle ein Hintergrundbild zugewiesen, a'la:

Code:

<td style="background-image: url(datei.jpg);">

In dieser Spalte liegt nun ein Layer drüber, welcher transparent ist sodass das Hintergrundbild durchscheint:

Code:

#layer {
        background-color: rgb(227,227,227);
        filter:alpha(opacity=50);
        -moz-opacity:.50;
        opacity:.50;
}

Und auf diesem Layer liegt noch ein Layer auf dem dann der Text stehen soll, der 100%ig zu sehen sein soll.

Code:

#text {
    color:black;
    text-decoration:none;
}

Das Ganze sieht ungefähr so aus:

Code:

<td style="background-image: url(datei.jpg);">
               <div id="layer">
                    <div id="text">
                                  Text, bis sei voll sichtbar
                    </div>
               </div>
</td>

Wenn ich die Transparenz im Layer text auf 0 setze, bringt das trotzdem nichts. Ich bin mit meinem Latein langsam am Ende.