[CSS] Opera i joomla

[blackwolf]

Witam

Zakupiłem jakiś czas temu szablon do joomla 1.5 (metodą amatorską prób i błędów próbuje dostosować go do swoich potrzeb). Niestety napotkałem problem który nie wiem jak ugryźć. Otóż problem dotyczy wyświetlania strony pod przeglądarką Opera ( w chrome, mozilla, IE jest ok). Przy obramowaniu głównego zdjęcia/slidera przesunięte są prawe obramowania - http://thunder.com.pl/strona2/templates/jx...eTopRightBG.png -

strona: http://thunder.com.pl/strona2
Fragment css odpowiadający za to :

Kod:

.frameOverBGTopRight {
    background:transparent url(../images/frameTopRightBG.png) no-repeat scroll 0 0;
    display:block;
    float:right;
    height:67px;
    margin-right:47px;
    position:relative;
    top:-13px;
    width:67px;
    z-index:20;
    }
    
    .frameOverBGBottomRight {
    background:transparent url(../images/frameBottomRightBG.png) no-repeat scroll 0 0;
    display:block;
    float:right;
    height:67px;
    left:auto;
    margin-right:47px;
    position:relative;
    top:-50px;
    width:67px;
    z-index:20;
    }

Jako że jestem amatorem w tych sprawach i nie rozumiem czemu wszędzie poza opera wyświetla poprawnie. Proszę o pomoc. Z góry dziękuję.

Dołączam plik jpg:

@EDIT:

doszedłem do tego że ten fragment powoduje błędy : margin-right: 47px;.
Po zmianie na -14 px w operze jest ok ale w Mozilli chrome i ie9 jest wtedy sytuacja odwrotna.
Jak to rozwiązać?

[blackwolf]

już jakaś dobra dusza z innego forum mi pomogła. Przeklejam rozwiązanie

Kod:

/* OPERA HACK */
    @media all and (-webkit-min-device-pixel-ratio:10000),
    not all and (-webkit-min-device-pixel-ratio:0) {
    
    .twojaklasa {
    
    
    }
    
    }
    /* END OPERA HACK */