css3pie

I'm trying to use CSS PIE in my website, but for some reason it's not working. My folder structure looks like this: And my CSS like this: .region-sidebar-first-inner .block-menu-block-1 { background: #730868; margin-bottom: 70px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#730868), to(#0a9f9d)); background: -webkit-linear-gradient(top, #730868 0%, #0e70a2 76%,#0a9f9d 100%); background: -moz-linear-gradient(top, #730868 0%, #0e70a2 76%,#0a9f9d 100%); background: -ms-linear-gradient(top, #730868 0%, #0e70a2 76%,#0a9f9d 100%); background: -o-linear-gradient(top, #730868 0%, #0e70a2

i'm trying to get rounded corners using pie: ul li{ -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; color: #FFFFFF !important; float: left; font-size: 16px; font-weight: bold; height: 24px; margin-top: 14px; padding: 15px 15px 5px; text-align: center; text-decoration: none; background: url("../nImg/comunHomeSprite.png") no-repeat scroll -5px -4172px transparent; behavior: url(../nJs/pie/PIE.htc); } CSS file is in: /nCss/mycss.css Html file is in: /home/html/index.html Pie .htc+.js in: /nJs/pie/PIE.htc (and PIE.js, but i'm not sure what is the

I'm using CSS3 PIE to add support for rounded corners to IE7/8. I've found that when I have lots of elements on the page with rounded corners, performance in IE9 drops considerably when PIE is enabled: scrolling becomes laggy, simple hover effects (like link color changes) become significantly delayed, etc. But according to PIE's own documentation, PIE "does nothing" in IE9 if the browser natively supports the particular CSS3 feature you're using. Theoretically, then, if I'm only using border-radius (which IE9 supports), enabling PIE should have no effect on performance. What could be causing

I have this HTML: <div id="micrositePhotoDiv"> <img id="micrositePhoto" /> </div> and css: #micrositePhotoDiv { overflow:hidden; @include border-radius(10px); behavior: url(PIE.htc); } The src for the img is set programatically in javascript. The img is set to the width of its containing div. In ie9, firefox, chrome and so on, this makes the image have rounded borders (because the corners of the image are outside the border, and there is overflow:hidden; ) In IE8, the image does not have rounded borders. The border-radius property takes effect (I can see it behind the image if I do border:

i use css3pie for my page to use css3 effects in the ie browsers. Everything works fine. But now i have a field on my page that has a horizintal scrollbar. In ie8 everything works finde. But in ie7 i cant scroll dragging the scrollbar. I can only use the arrows on the left and right. and in ie9 i cant scroll.. i also cant drag the scrollbar. but if i click on the arrows on the left and right the scrolling element directly jumps to the left back.. i use pie v1.0beta5 i found that issue on many sites but there was no solution that works for me.. i have a wrapper arount my page that has a linear

I have been using the .htc version of PIE successfully on a new project (that will specifically target IE8+), however, I'm having trouble when trying to clone an element that has PIE-style applied to it. I got a jsfiddle illustrating the problem here , and input is welcome (even other, similar approaches/alternatives to PIE) - however, .htc files cannot be referenced cross-domain, so this fiddle just contains the actual markup and CSS I use. Any help is appreciated. What could be causing this, is there a potential workaround? Cheers, peol There are two issues that are encountered when cloning

UPDATE This would appear to be a issue with background in IE8. CSS3 PIE appears to work correctly however when I have a background it doesn't show. If I remove the background css completely it shows again. IE: html, body{ background: /*CSS */; /* Remove this property */ } Now my question turns into how do I get CSS3 PIE to work properly in IE 8 with a background? Here is a jsFiddle with the above code. Original Question I am attempting to replicate a look in IE 8 using CSS3 Pie JS Edition. Here is what I want it to look like: Here is the way it looks in IE 8 with CSS3 PIE: As you can see when