kolejny raz DIVy Opcje

[-Gość_AZPR_*-]

[HTML] pobierz, plaintext 
<div class="monika">
<div class="madzia2" id="madzia2">
[HTML] pobierz, plaintext 

+

[HTML] pobierz, plaintext 
.monika[class] {
  background-image:url(system/img/mgli1.png);
  margin: 10px;
  border: 1px solid #000000;
}
 
.madzia2 {
overflow: auto;
height: 480px;
width: 255px;
margin: 10px;
background: #FFFFFF;
border: 1px solid #000000;
}
[HTML] pobierz, plaintext 

daje taki efekt:

(IMG:http://images4.fotosik.pl/39/0391589806b768ea.jpg)

czyli jest obramowanie niebieskie i czerwone... ale teraz jak zrobic zeby obok czerwonego było zielone? mozna to zrboic jakos na divach?