
Can't target one particular DIV with rounded corners...
Hi all! Well, thanks to some very helpful tips and a lot of experimenting, i got PIE working on my site just how I want it, in IE 8 at least. Very cool! However, there is one element I can't seem to get to recognize PIE, despite it working on everything else.
Here's an example:
http://bit.ly/1fOBj3XIn IE8, the pale green outer shape of the carousel at the bottom of the page stubbornly refuses to be rounded.
I found with everything else, that PIE worked under the following circumstances:
Enclosing object has:display: block
Position: relative
z-index.
Rounded object has:display:block
NO position or z-index
The carousel is a WordPress plugin called RoyalSlider, and I've successfully got the large images within it to be rounded. The outer DIV (the one in question here), with a class of "royalSlider", has as its parent a DIV with a class of "wrapper" to which I've applied the "correct' css:
Code:
display: block !important;
position: relative !important;
z-index: 1000 !important;
I just can't figure this one out.... anyone able to see something I'm missing?