Hi guys,
Firstly, sorry for my very poor English :S.
I have a problem with gradients in IE8 (in IE7 works fine). You can see in this page:
http://cantata2.eosa.com/ in top menu. When I click in an item (i.e. Cantata2), subitems appear moved down. With IE8's developer tools I can see new element "css3-containe" created by PIE.htc.
<UL class=menu> <!-- Main menu -->
<LI class="expanded first active-trail">
<A title="" href="/presentacion">Cantata 2</A>
<UL class=menu> <!-- sub menu -->
<css3-container style="Z-INDEX: 100; POSITION: absolute; TOP: 0px; LEFT: 0px">
<background style="POSITION: absolute; TOP: 0px; LEFT: 0px">
<group2>
<css3vml:shape style="POSITION: absolute; WIDTH: 300px; HEIGHT: 35px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" coordsize = "600,70" coordorigin = "1,1" fillcolor = "white" stroked = "f" path = " m0,0 l600,0,600,70,0,70 xe">
<css3vml:fill></css3vml:fill>
<css3vml:fill></css3vml:fill>
</css3vml:shape>
</group2>
</background>
</css3-container>
<css3-container style="Z-INDEX: 100; POSITION: absolute; TOP: 0px; LEFT: 0px"><background style="POSITION: absolute; TOP: 0px; LEFT: 0px">
<group2>
<css3vml:shape style="POSITION: absolute; WIDTH: 300px; HEIGHT: 35px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" coordsize = "600,70" coordorigin = "1,1" fillcolor = "white" stroked = "f" path = " m0,0 l600,0,600,70,0,70 xe">
<css3vml:fill></css3vml:fill><css3vml:fill></css3vml:fill></css3vml:shape></group2></background></css3-container>
<!-- first submenu element --->
<LI class="leaf first "><A title=" 	&nbsp; " href="/presentacion">Presentación</A></LI>
I think here is the problem, in this element. I have tried set display:none in this element, but it hasn't worked.
How can I resolve this problem?
Thank you very much and congrats for this great script

.
Best Regards...