saydam div ve listeleme problemi

selamlar;

video sitesi projem için saydam div ve video başlık resim ve açıklamasını listeliyorum ama saydam divin içindeki içerikde saydam çıkıyor ben içeriğin saydam olmasını istemiyorum ve listem ortalı çıkıyor ben sola dayalı çıkmasını istiyorum bunu nasıl yapabilirim?
Video div in css si:

#video
{
    background-color:#778899;
    color: ;
    font-size:14px;
    float:left;
    width:150px;
    height:200px;
    opacity:.20;
    border-style:solid;
    border-width:medium;
    border-color: black;

}

örnek resim:

#video
{
background-color:#778899;
color:#fff;
font-size:14px;
float:left;
width:150px;
height:200px;
opacity:.20;
border-style:solid;
border-width:medium;
border-color: black;

text-align:left;

}
yazı rengi için


veya farklı renk çalış

yazıları sola yaslamak için

text-align:left;

kullan

Arkadaşın dediği gibi opacity kullanırsan div içindeki bütün elemanlar opacityden etkilenir, bunun yerine photoshopu aç, beyaz renkte 2x2 bi layer oluştur, opacity ayarını %20ye getir, daha sonra png olarak kaydet. background yerine de url ile o resmi ver ve repeat kodunu ekle. Listelemek için de float:left;text-align:left; kullanabilirsin, belki width de vermen gerekebilir. Örnek background kodu

background:url(resim.png) repeat;

float:left ve diğer kodları da #video da kullanman gerekiyor

En temizi background-image işi ama imaj kullanmak istemiyorum dersen de 2 farklı div olarak yapıp alttakine opacity ile background özelliklerini verirsin üsttekini de absolute vererek üstüne denk getirirsin ama dinamik alanlarda bu pek de sağlıklı bir çözüm olmaz. Bg kes gitsin

yardımlarınız için tşk ler akşam evde dediklerinizi deneyeceğim saydam resim olayı aklıma geldi ama css den anlayanlar hangi teknikleri kullanıyor diye merak ettim bir sorayım dedim

Bir CSS3 özelliği olan RGBA'yı kullanabilirsiniz. Yalnız IE9 öncesi versiyonlar desteklemez.

background-color:rgba(255, 255, 255, 0.4);

--