Urzywam obramowania obrazkowego w css :
Kod
.ramka {
    background: url(obramowanie.gif) no-repeat top;
    padding-top: 12px;
    width: 200px;
}

.ramka_pojemnik {
    background: url(obramowanie2.gif) no-repeat bottom;
    padding-bottom: 12px;
}

.ramka_zawartosc {
    background: #92C892 url(obramowanie3.gif) repeat-y center;
    padding: 0 12px;
    color: #031;
}



Kod
<div class="ramka">
    <div class="ramka_pojemnik">
        <div class="ramka_zawartosc">
            ...
        </div>
    </div>
</div>


Mój problem polega na tym, ze urzywam gifów pól przezroczystych i o ile górne obramowanie i dolne wyswietla sie dobrze, to jest problem z bocznymi obramowaniami i widnieja nieestetycznie wygladajace paski, czy ktos wie jak da sie to zlikwidowac? Ponizej przedstawiam screen