I used a slide function in Jquery.
When i’m hovering over the div it got a white background color.
It doesn’t matter if it’s a PNG image or a self made shape in CSS.
How do i get rid of this? It happens in all browsers and i have seen this problem in other forums, but without a right answer.
I think it is transparent – it’s just not doing what you think it’s doing.
I’ve slowed down your animation, added a background colour to the container div, and put a border around the default div; you’ll see what you’re doing is squishing the upper div, not sliding the rounded corner on top of it:
http://jsfiddle.net/7yHR9/17/
Note that you can see the pink through the rounded corner (ie the rounded corners are transparent)