dziwne zachowanie css i div'ów Opcje

[melior]

Witam,
Spotkałem się właśnie z dość irytującym problemem.

Mam na stronie kilka div'ów nominalnie ukrytych, które wyświetlają się gdy zostaną spełnione odpowiednie warunki.

To np. taki div

[HTML] pobierz, plaintext 
div.tags_box{
width: 340px;
height: 300px;
position:absolute;
padding: 5px;
left:35%;
top:15%;
z-index: 2;
background-color:#ddeecc;
text-align:left;
vertical-align:top;
}
[HTML] pobierz, plaintext 

mając więc <div class="tags_box">Jakiś tekst"</div> wyświetla mi się ładny box na środku ekranu, zasłaniając wszystko co się dzieje za nim.

Teraz...
Kopiuję tego samego diva i tę samą klasę. Do nazwy klasy dodaję "1". Mam więc div.tags_box1 i w identyczny sposób odwołuje się do klasy w div'ie.
Odpalam i otrzymuje tekst, wciśnięty na samej górze strony bez żadnego zdefiniowanego w klasie stylu. Próbowałem zmieniać parametry (z-index, width, left, etc) ale nic to nie zmieniło.

Ktoś wie co jest grane?