Problème d'affichage d'une infobulle

Bonjour,

sur mon site, j'ai le meme code pour une infobulle.
Seulement l'affichage est différent.

Ici : http://icreatorbeta.free.fr/soins-corps.html
l'infobulle (entouré de vert) est correct

mais ici : http://icreatorbeta.free.fr/soins-visage.html
l'infobulle est minuscule.

Je ne comprends pas pourquoi mon infobulle devient toute petite alors que le code est quasiment identique.
J'ai essayé de le grossir avec width:150%; mais ca ne bouge pas.

Si quelqu'un a une petite idée de ce qui fait chavirer s'il vous plait.

Je vous fourni mon code :

html :

<div id="bullo">
<a class="bulle1">
<span><strong style="color:#a2e665">Soin coup d'éclat</strong><br><br>Un soin ``détox'' aux limons marins qui nettoie et oxygène la peau.</span>
Détail</a>
											</div>

a.bulle1 {
  color:#333333;
  font-size: 0.9em;
  text-decoration : none;
box-shadow: 1px 1px 32px #60ab0d;

}


a.bulle1 span {
  display : none;
	  opacity: 0;
	   padding : 10px;
  font-size: .8em;
  width:250px;
  color : white;
  background-color : #333333;
  border : 5px solid #fff;
	border-radius: 2ex;
	text-align:center;
	vertical-align:middle;
	  
}
a.bulle1:hover span {
  display : block;
  position : absolute;
	opacity: 0.9;
}

#bullo {
position:absolute;
margin-top:-420px;
margin-left:70px;}

je vous remercie !