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 :

[HTML] pobierz, plaintext 
.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;
		}
[HTML] pobierz, plaintext 

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ę.



@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ć?

Czy istnieje coś takiego jak [if opera >>> to - coś jak dla IE? gdzie wykrywało by typ przegladarki i wczytywało odpowiedni styl?

Nie ma sensu wczytywać całego nowego stylu, daj w CSS takie coś:

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

Przekopałem połowę google i nic a tu takie proste rozwiązanie

Dzięki wielkie!