[CSS] problem z obramowaniem fotki Opcje

[simperium]

Witam, chciałbym obramować sobie fotografie.
Znalazłem tutaj mniej więcej opis, jak to uczynić w css http://www.w3.org/TR/2002/WD-css3-border-2...order-image-uri
niestety chyba coś przekombinowałem, albo popełniłem "szkolny błąd" bo nie działa mi to .
Będę naturalnie wdzięczny za pomoc.

Kod

<style type=text/css>
#ramka_fotki{
border: solid;
border-top-left-image: url(images/ramka_archiwum2_01.png) thick solid red;
border-top-image: url(images/ramka_archiwum2_02.png) thick solid red;
border-top-left-right: url(images/ramka_archiwum2_03.png) thick solid red;
border-left-image: url(images/ramka_archiwum2_04.png) thick solid red;
border-right-image: url(images/ramka_archiwum2_06.png) thick solid red;
border-bottom-left-image: url(images/ramka_archiwum2_07.png) thick solid red;
border-bottom-image: url(images/ramka_archiwum2_08.png) thick solid red;
border-bottom-right-image: url(images/ramka_archiwum2_09.png) thick solid red;
}
</style>

<img src="images/30_200.jpg" width="159" height="199" alt="" class=ramka_fotki >

[Spyder]

Proponuje pobawic sie tym -> http://www.ruzee.com/files/shadedborder/test.html

[simperium]

przejrzałem - dziękuję za linka - aczkolwiek wolałbym dowiedzieć się, gdzie błąd jest uy mnie .

Przypuszczam, że to pewnie wina braku ukazania, ile ma mieć szerokości i wysokości każdy z elementów ramki.
Wrzuciłem na próbę:

Kod

border-top-image-width: 4px;
border-top-image-height: 8px;

Niestety, wciąż nic z tego - nie działa.

edit//

Okazało się, że powyższy kod ma być w CSS3, a jak wiemy wciąż jest CSS2 - stąd to nie działa ;]

Pozdrawiam.

[pyro]

Kod

<style type=text/css>
#ramka_fotki{

<!-- dalej... -->

<img src="images/30_200.jpg" width="159" height="199" alt="" class=ramka_fotki >

wiesz jak się oznacza klasy i identyfikatory? klasy ".", id "#", ty traktujesz id jako klasę w <img />