views:

482

answers:

3
A: 

I've seen issues similar to this with IE rendering solved by setting height: 1% to the affected div or to an element nested within it. I've never seen it in Safari though.

epalla
Yeah, I've fixed issues in the past with that as well. Thanks.
Reece
A: 

Inspect all of the elements near the image in Firebug (yes, I know the problem is in Safari) and make sure none of them has the wrong size for any reason, and none of them has excessive padding that encroaches the image you're not seeing correctly. Also, try setting overflow: visible; on the style for various elements in the vicinity; I've seen mouseover flickers in the past, but nothing that couldn't be overcome with CSS.

Thank you. We refactored and we solved the issue. Still don't know why this was doing this in safari. I'll take your suggestions and play around with it in the old code. I'll let you know what works and what doesn't. Again, thanks.
Reece
+1  A: 

Try using PNGs instead if GIFS

marcgg
I changed the images to pngs and this worked like a charm.
Reece