Whole star and half star image positions are different

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Add a div with whole stars to the page
2. Add half stars to the same div (but initially with display none), 
immediately following the whole stars
3. Add a mouseover event on the container div that sets display none on the 
whole stars and removes display none from the half stars

What is the expected output? What do you see instead?
The expected output is both sets of stars will be in the exact same position. 
Instead the images/styling for half stars is slightly off, causing the half 
stars to "shift" to the right as compared to the whole star positions.

What version of the plugin/jQuery are you using?
PLUGIN VERSION: 3.13
JQUERY VERSION: 1.4.4

On what browser(s) or operating system?
BROWSER(S): All

Please provide a link to where the problem can be observed:
URL:

Feel free to provide any additional information below.

Original issue reported on code.google.com by ian...@gmail.com on 5 Apr 2011 at 5:36

[GoogleCodeExporter]

For anyone else that runs into this, the easiest solution I found is to change 
this line in the CSS:

div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:
-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}

to use a width of 16px instead of 17px.

Original comment by ian...@gmail.com on 6 Apr 2011 at 10:17

[GoogleCodeExporter]

Original comment by diego.a...@gmail.com on 23 Feb 2013 at 5:12

• Changed state: Archived
• Added labels: Archived