Hello Diego.

One possibility is that it is a pseudo-hover padding/margin error. To check for this.

1) First find the html class of the star object.

2) Check the class in the css. Look for the pseudo-hover class of the element - it will look like YourClassname:hover; .

3) See if the pseudo class has any margin or padding on it - it doesn't need a margin or padding in the psuedo hover class as this should already be defined in the class and will be inherited - if there is any there comment it out /* like this */

I have had a quick look at your css and this class object is probably the source of the problem -

.estrella_peq,
.estrella_peq a:hover,
.estrella_peq a:active,
.estrella_peq a:focus,
.estrella_peq .votos_actuales,
.estrella_peq .votos_actuales_result{
background-image: url(../gfx/estrella_peq.gif);
line-height: 15px;
height: 15px;
}

Try replacing it with this -

.estrella_peq,
.estrella_peq a:hover,
.estrella_peq a:active,
.estrella_peq a:focus,
.estrella_peq .votos_actuales,
.estrella_peq .votos_actuales_result{
background-image: url(../gfx/estrella_peq.gif);
/* line-height: 15px; */
/* height: 15px; */
}

These two attributes should have been inherited from their respective classes unless the line-height is supposed to change on hover. I hope this is useful to you.

__________
Posted by Demonz Media web design Sydney