Hi, I have a popup that uses jquery BlockUI for center the content. Inside this content I have some divs that use CSS3 (border-radius, and gradient). When I see this page with IE8, IE9, works fine, but, in IE7, the high of the divs that uses CSS3 is higger that the original size. Only when I do hover on the div, it resizes correctly.

I try to put zoom:1 in the elements taht uses css3, and also in the cointainers, but don't work.

Any sugestion?

Thanks!

Does adding -pie-poll:true help? http://css3pie.com/documentation/suppor ... /#pie-poll

Thanks for the reply Jason, but these elements do not have to change their size, have a fixed height. The problem is that when you load the page is resized to occupy the entire page, until you go over and you look good.

So that means you tried -pie-poll and it didn't work? The reason I suggested it is that if it works in IE8, which uses -pie-poll by default, then there's a decent chance that will also help in IE7. Also since you say hovering the element snaps it into place, that usually means it just needs to have PIE re-check its dimensions which polling would do.

If that doesn't help, then it would be good if you could post a link to the page so we can have a look at your specific case.

Thanks Jason, you have the reason, works perfect. Have a question? You can include this code in a syntax like <style>? thanks

Yes you can include PIE styles in a <style> element just like any other style.