javascript - How can I fix custom Kendo UI theme CSS which causes an IE 8 glitch? -

trying: kendo ui mendu demo custom theme (kendo ui custom themes or modified theme css)

i've customized bootstrap theme, , encountered glitch in ie 8 when mousing on menu item, when using custom theme css.

customized bootstrap theme example: http://jsbin.com/ovufef/1/edit (glitch in ie 8)

original bootstrap theme example: http://jsbin.com/urinev/1/edit (works expected)

kendo ui menu:

<ul id="menu">     <li>         stores         <ul>             <li>                 <div style="padding: 50px;">                     <h2>around globe</h2>                 </div>             </li>         </ul>     </li> </ul> <script> $(document).ready(function() {     $("#menu").kendomenu(); }); </script> 

view css in jsbins, long include here since kendo themes.

basically glitch when mouse on item, not drop sub item down immediately, must move mouse on sub item display, , wiggle around until weirdly , magically appears.

i'm unsure causing ie8 glitch in custom theme. styles simliar, can't figure out what's causing it. have done file diff on css, , seems me (after looking @ diff few times) background color, gradient, border color, etc changes.

if me fix custom css, appreciated.

---

notes:

• bootstrap theme name, nothing twitter bootstrap... looks similar.
• i hate ie passion, not choice (and part kendo works fine in ie)
• jsbin used because ie8 not work in jsfiddle
• update: viewing jsbin in new window, glitch not produced reproduce in web app custom theme used. more research needed, update or answer soon

something happens in jsbin iframe - if open bin in new window - works.