Quote Originally Posted by lankeeyankee View Post
Hi Jade and fellow Zenners,

I hope that you have had a nice holiday season and happy new year!

I've been wrestling with this little cross-browser compatibility issue for a while and I am hoping that you will be able to help me figure it out.

When I have product attributes the attributes box on the product_info_display page looks fine in IE6 and 7, I have the option names set to "3" so the image appears above the text and radio button. But in Firefox 2.0.0.2/Netscape 9/Opera 9.25 the radio button is way off to the left.

I've attached a few screenshots to show what's happening, and if you want to see it live go to http://www.drumfactorydirect.com/ind...oducts_id=1910

I've been messing around with the stylesheet, tpl_modules_attributes.php and modules/attributes.php but I can't get the radio button to get closer to the image and option value/price like it is in IE6/7. It's almost like there is some hidden field that is blocking the radio box from moving closer to the image/name/price.

Do you have any ideas as to what needs to be done to get it to look somewhat better? It doesn't have to be exactly like IE6/7 but it's so far away from the rest of the attribute info that it can be a little confusing as to which radio button goes with which attribute.

Thanks for any help!

Matt
Remove .attribImg from this long line in the css.

Code:
#cartProdTitle,.centeredContent,TH,#cartEmptyText,#cartBoxGVButton,#cartBoxEmpty,#cartBoxVoucherBalance,#navCatTabsWrapper,#navEZPageNextPrev,#bannerOne,#bannerTwo,#bannerThree,#bannerFour,#bannerFive,#bannerSix,#siteinfoLegal,#siteinfoCredits,#siteinfoStatus,#siteinfoIP,.center,.cartRemoveItemDisplay,.cartQuantityUpdate,.cartQuantity,.cartTotalsDisplay,#cartBoxGVBalance,.leftBoxHeading,.centerBoxHeading,.rightBoxHeading,.productListing-data,.accountQuantityDisplay,.ratingRow,LABEL#textAreaReviews,#reviewsInfoDefaultProductImage,#productReviewsDefaultProductImage,#reviewWriteMainImage,.centerBoxContents,.specialsListBoxContents,.categoryListBoxContents,.additionalImages,.centerBoxContentsSpecials,.centerBoxContentsAlsoPurch,.centerBoxContentsFeatured,.centerBoxContentsBestSellers,.centerBoxContentsNew,.gvBal,.attribImg,#linksboxContent {
text-align:center;
}