CSS Problem with rounded corners in chrome

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 :
http://anisa.me/work/
Any help would be highly appreciated .

 

Which browser are you working in? They seem to display the same in both FireFox and Chrome. No rounded corners in either.
Rounded borders Code you can use for the different browsers:
-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

Hope that helps

 

You will also need a .htc file. Do you have this?

 

hmmm and why dose he need a htc file if he want to add rounded corners in CSS3?

 

For cross browser compatibility

 

thanks you guys for starting this thread and responding  properly.