Rounded Corners With Simple Controls Gallery

[timmdrumm]

1) Script Title: Simple Controls Gallery v1.4/1.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...plegallery.htm

3) Describe problem: I'd like to round the corners of the simple gallery on my site. I've attempted to do this through CSS with the border-radius tag (adding the appropriate -moz and -webkit prefixes in their recommended order). I've added the tag to the div containing the gallery, and this works great in the latest Firefox and (amazingly) IE8 & IE9. Webkit browsers and Opera, however, display a black square the size of the div behind the image.

I've tried to use background:transparent !important in the CSS of the container div, and with different styles in the js file, but it hasn't worked.

Any ideas?

BTW: absolutely GREAT script!