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="&#13;&#10;&#13;&#10;&#9;&amp;nbsp;&#13;&#10;" 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...