CSS Bild Durchsichtig

hallo erstmal,
ich bin in der Ausbildung als fachinformatiker tätig (3 woche) und fange schon mit css an.
habe eine frage wie ich meine aufgabe richtig lösen kann.
dazu habe ich eine html seite mit 2 div boxen:

<div id="051"></div>
	<div id="052"></div>

und dazugehörigen css code:

div#box-051{
	height: 500px;
	width: 200px;
	background-image: url(trib1.png);
	background: url(trib1.png);
	background-repeat: no-repeat;
	float: left;
	background-color:red;
}


div#box-502{
	height: 500px;
	width: 200px;
	background-image: url(trib2.png);
	background: url(trib2.png);
	background-repeat: no-repeat;
	float: right;
	background-color:yellow;

Das endergebniss soll so aussechen das über die grafiken ein text liegen kann (dh die grafiken sollen durchsichtig sein)
die css tags habe ich schon gefunden:

filter:alpha(opacity=75);    [internet exploer]
-moz-opacity:0.75;          [comilla firefox]
opacity: 0.75;                [opera]

Ich finde irgend wie keine lösung wie ich das richtig machen soll deswegen bitte ich um hilfe!

Gruß Aleks

Es hat sich shon geklärt danke für nachfrage!

Zitat von Grevas

schon... Aber ich erzähl lieber nix

Aber zum Thema. Auch wenn es sich geklärt hat, die von dir geposteten div's sind falsch. Eine ID darf nicht mit einer Nummer anfangen (im CSS Teil ist es in Ordnung, da fängt es ja mit 'box-' an).

Das wurde mir auch sschon von meinen kollegen erklärt.

danke für die tipps