gestion de position CSS d'un élément de template

[fred31200]

Bonjour a tous,
Tout d'abord les informations utiles :
site web : www.supremethaiboxing.fr
version joomla : 3.3.1
template : DD-eSHOPPER
Mon problème est assez simple je pense mais je gère pas très bien cette histoire de position en css (relative...fixed..etc). En fonction de la taille d'écran sur laquelle on ouvre mon site web, les gants se décalent a droite ou a gauche de ma banniere centrale alors que j'aimerai qu'ils restent a la même place.
Voici le code utilisé dans le template pour cet élément :

.dd-object1470634643
{
  display: block;
  left: 90%;
  margin-left: -675px;
  position: fixed;
  top: 62px;
  width: 497px;
  height: 434px;
  z-index: 11;
} 

J'ai testé en modifiant la balise left en mettant des pourcentage different et en modifiant aussi la balise margin-left = meme probleme.
Pourtant mes données paraissent être identique a l'original :

http://www.diablodesign.eu/demo/eshopper.html

Si quelqu'un qui a des notions de css pouvait m'aiguiller sur la bonne piste ca serait super.
Merci a la communauté ...
Cordialement.