Problème hover sur mes boxes d'article

Bonjour la compagnie,

Je viens vous solliciter pour m'aider à résoudre un problème de css (enfin je crois que c'en es t un !)

Le site en question : http://www.bardesports.fr

Lorsqu'on la souris sur une boxe (article) on a un déroulement vertical du plus bel effet.
Mais il déconne un peu car il décale les autres boxes.

Sur le template original, le bug n'existe pas. (http://www.elegantthemes.com/preview/TheStyle/)

J'ai comparé les 2 css et je ne vois rien de différent.

Une idée ?

Bonjour,

si tu regardes la div class="entry-small", tu peux observer que sur ton site elle est en position relative, et sur le thème dont tu t'es servi elle est en absolute.

A toi de trouver ou modifier ça, mais ton problème vient de la !

Hmmm.. étrange

Je ne trouve pas de classe "entry-small" dans mon css.

Sur le css du thème original on a ca :

		.entry { position: relative; margin: 0px 0px 24px; background-color: #fff; border: 1px solid #fff; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); float: left; }	
			.small { width:226px; }
			.big { width:470px; }
				.thumbnail {width: 222px; height: 180px; margin: 2px 0px 14px 2px; position: relative;}

Sur mon css j'ai ca :

		.entry { position: relative; margin: 0px 0px 24px; background-color: #fff; border: 1px solid #fff; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); float: left; }	

			.small { width:226px; margin-right:5px; position:relative; }
			.big { width:470px; margin-right:5px; position:relative; }

				.thumbnail {width: 222px; height: 180px; margin: 2px 0px 14px 2px; position: relative;}

the same !
Je pige pas ou tu vois un absolute d'un coté et un relative de l'autre
?

J'ai viré le position:relative; de ma classe .small mais ca ne change rien du tout