Featured Products Grid Safari Error

[platterat]

We are having an issue with the home page featured products grid not displaying properly in Safari, the product titles are overlapping the thumbnails. This is happening on pc's and mac's as well as all other devices. I have tried to fix the issue by adjusting the css such as I tried adding the following to the style.css file which should have solved the problem:

div.featuredProductContainer table.productsGrid tbody tr td.thumbnail {width: 120px;}

...but for some reason that isn't working. I also tried to hardcode the td width in the FeaturedProductsGrid.ascx ConLib file, but none of the changes are working or showing live for some strange reason, which is why I'm making this post so hopefully someone can help. The issue should be resolved by making that thumbnail td have a forced width of the thumbnail which is 120px.

Here is a thumbnail so you can see the problem: http://flytyingclub.org/images/safariscreenshot.jpg

And you can see the problem live by viewing our homepage with safari here: http://wyomingflyfishing.com

Any help with this matter would greatly be appreciated. Thank you.

[Katie]

Solving CSS issues can be very difficult, especially when you are only seeing it happen with Safari.

I always recommend Firefox developer tools to help identify areas that might need adjustment. For this issue, you might want to look for anything forcing the text to align left.

In your style.css file:
#innerContentWrapper {
text-align: left;

In your page:
<td class="details" width="100%" valign="bottom" align="left">

Try changing these (maybe others) and see if it helps.

Sorry this wasn't that helpful. I could spend hours trying to fix it, or it could take minutes...it's just difficult to do without having access to your installation. I also searched on google for some hints. You might try the same.