[CSS] dwa bordery

Mam następujący problem:

potrebuję dla pewnego elementu utworzyć podwójne obramowanie - niby proste. problem jest jednak taki, że obramowanie to ma mieć następujące cechy:
*każda "ramka" ma posiadać inny kolor
*tło ma inny 3 lokor
*obramowanie musi być nadane w stylach

w praktyce wygląda to tak ze powiedzmy mam diva z background #ff0000 i potrzebuje stworzyć dla niego dwie ramki wokół obiektu jednąz kolorem #00ff00 i drugą z kolorem #0000ff

ponieważ nie udało mi się w zaden sposób stowrzyć takiego obramowania wpadłem na alteernatywne rozwiązanie, które wymaga użycia obrazków w tle obiektu, niestety musze użyć 2 obrazków jako tła obiektu a tego też w nijaki sposób nie moge osiągnąć :|

będe wdzięczny za wszelkie sugestie

czy takie rozwiązanie odpada ?

<div style="width: 100px; height: 80px; border: 2px solid #0f0;">
<div style="width: 100px; height: 80px; border: 2px solid #00f; background-color: #f00;">
tekst...
</div>
</div>

no niestety nie użadza mnie to - potrzebuję czegoś na jednym obiekcie. takie rozwiązanie jest hmm, mało elastyczne jak do moich potrzeb :| ale dzieki za próbe

jeśli chcesz mieć ładnie i proff to poczekaj na wyjście CSS3 :-) tak jest takie fajne coś i duuuużo innych fajnych rzeczy :-) jak na razie tylko FF nowy wspiera CSS i zapewne Opera9 :-)

zanim sie doczekam to przestanie mi już być potrzebny ten "bajer"