Zaokrąglone rogi pod IE bez Java i obrazków ?

[Ayahuasca]

Robię dla siebie pewną stronkę , obecnie zatrzymałem się na etapie "zaokrąglonych rogów" .. szukam sposobu na zaokrąglenie rogów pod IE i Operą bez używania Java i obrazków w narożnikach.

Znalazłem pewną stronę ,której szablon jest wykonany w technologi Blogger ,przeglądając źródło tej strony ,znalazłem powtarzające się w paru miejscach w kodzie CSS polecenie ,które chyba jest odpowiedzialne za zaokrąglanie rogów pod IE ,bo nad nim są komendy odpowiedzialne za zaokrąglanie rogów na innych przeglądarkach a nie jest to Java ..nie mogę na google znaleść żadnych informacji o tym ,co to dokładnie jest i jak można to zaadaptować u siebie ? nazywa się to -goog-ms-border-radius: ,poniżej przykładowe zastosowanie w kodzie:

Kod:

.footer-outer {
color:#cccccc;
background: transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left;
-moz-border-radius: 0 0 20px 20px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-goog-ms-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

Strona http://lux-vitale.blogspot.com/

Pozdrawiam.

[Kartofelek]

IE9 będzie wspierać "prawdziwy" border radius czyli:
border-radius: ....
czyli najlepiej

-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
border-radius:0 0 20px 20px

Wcześniejsze IE nie kupują żadnego...
Na siłę możesz wykorzystać do tego htc:
http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
lub http://css3pie.com/

Kwestia klienta

[Ayahuasca]

Ok dzięki , nie chciałem tego używać bo IE blokuje domyślnie skrypty i nie ma zaokrągleń .. , wiem że IE9 i teraz któraś wersja Opery ma mieć obsługę CSS3,ale ci co mają IE raczej go nie aktualizują ...

Zauważyłem że to pierwsze nie działa mi prawidłowo tzn wpisuje:

Kod:

border-radius: 30px 30px 0px 0px;
behavior: url(border-radius.htc);

i są zaokrąglone wszystkie a nie dwa górne rogi ,a to drugie działa na tej samej zasadzie i jest dobrze.

Pozdrawiam.