Can't Center in Webkit (Safari/Chrome)

I am using a shopping cart system and there is a table within a div for using star ratings of procucts.
The stars center properly in Firefox and IE, but not in Safari or Chrome (which uses Apple Webkit).
I cannot figure out how to center the stars. I do not have access to the main code of the cart, so this can only be changed with CSS.
Thank you!

Example:
http://www.lowpriceskates.com/lil-angel.aspx

(the stars are on the right above the price and below the product name)
<div class="prod-detail-rating"><table cellpadding="0" cellspacing="0" class="rating-container"><tr><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td><td><img alt="rating" src="/themes/lps1/images/layout/rating-full.gif" /></td></tr></table> </div>

Open in new window

lowpriceskatesAsked:
Who is Participating?
 
Brad Dobyns, CSMConnect With a Mentor ScrumMasterCommented:
If that doesn't work, try this:


/* SAFARI-ONLY POSITIONING */
  /*\*/
  html>body*.rating-container {display:inline-block;}
  /**/

Open in new window

0
 
Brad Dobyns, CSMScrumMasterCommented:
Try this:


/* SAFARI-ONLY POSITIONING */
	/*\*/
	html>body* .rating-container {display:block;}
	/**/

Open in new window

0
 
lowpriceskatesAuthor Commented:
That does not work.
I also tried putting a table in front (table.rating-container) and also using the div name (prod-detail-rating), but none of that did any good.
0
 
lowpriceskatesAuthor Commented:
Yes, great. Thank you!
0
 
Brad Dobyns, CSMScrumMasterCommented:
Thanks for the points.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.