View Full Version : CSS Problem with rounded corners in chrome

07-31-2011, 01:20 PM
hello , i have been trying to create a sort of image slideshow. the problem is that in firefox it displays correctly
with rounded corners , but in chrome the rounded corners ( using css3 ) are being 'hidden' at the back although it is there .
here's a demo of my work :
Any help would be highly appreciated .

07-31-2011, 02:36 PM
There is variation in your code... radius values are vary for webkit and other...

#block-itunes { -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; clear: both; -webkit-box-shadow: 0px 2px 5px #888; -moz-box-shadow: 0px 2px 5px #888; box-shadow: 0px 2px 5px #888; }