
Strange behavior with new PIE1.0beta release
Hi all,
I am experiencing a strange problem with the release of PIE1.0beta 5. I have a website that I have been using for a long time (a year +). I am using 'tabs' on the center of the page to hold variuos pieces on info. I started using PIEbeta4 when it was released. When PIEbeta5snapshot was released (I beleive 05/22/2011), I dropped that in so that I could add gradient support. All worked well; no code was added to the css except for gradients & box shadows.
When PIEbeta5 was released, I dropped that in. This is where the strange part begins. All browsers (FF, Opera, Chrome, Safari, and IE9) work fine, but IE8 loses its border radius on the tabs. No code was changed in the css (except for the htc file, of course)!
I have provided below, two links to demonstrate (as you will see, the only difference is that index.html references main.css while beta5index.html references beta5main.css):
http://www.cmbclubrc.com/index.html (uses PIE1.0beta5snapshot.htc , also works with PIE1.0beta4)
http://www.cmbclubrc.com/beta5index.html (uses PIE1.0beta5.htc)
The css 'tab' support starts ~ line 215. As, I have pointed out, the first also works with PIE1.0beta4. If anyone has any ideas or can point out where I have gone wrong, I would appreciate it. Also, sorry for the long post...
ps: I'm using 'position relative' on the affected elements
I'm serving the htc file properly
I'm using 'z-index' on the tabs.