Html IE9 CSS悬停不'；我不能正常工作

此css在除Explorer 9之外的所有浏览器上都能正常工作 问题在于：悬停 有时有效，有时无效。 Css:

HTML:

<div class="mainMenuContent">
                            <div class="mainMenuContentWrapper">
                                <Adam:Repeater ID="Rpt_Programs" runat="server" DataItemTypeName="Reshet.Objects.ObjectInfo">
                                    <ItemTemplate>
                                        <div class="programItem">
                                            <a href="<%#Container.DataItem.Link.HeyperJustLink() %>">
                                                <%#Container.DataItem.MediaMedium %>
                                                <div class="programTitle">
                                                    <%#Container.DataItem.Name%></div>
                                                <a href="<%#Container.DataItem.Link.HeyperJustLink()%>" class="hoverGreen">לאתר</a>
                                                <span class="divider"></span><a href="<%#Container.DataItem.ItemLink.HeyperJustLink() %>"
                                                     class="hoverWhite">לפרק האחרון</a>
                                                <div class="addToFavWrapper">
                                                    <%-- <img class="addToFavBtn" src="<%=SiteUrl %>/images/n_Images/Headers/plus_normal.png" alt="">
                                    <img class="addToFavBtn_over" src="<%=SiteUrl %>/images/n_Images/Headers/plus_over.png" alt="">--%>
                                                </div>
                                        </div>
                                    </ItemTemplate>
                                </Adam:Repeater>
                            </div>
                            <a href="<%=SiteUrl %>/Shows/VOD/" class="allBtn greenBtn">לכל התוכניות</a>
                        </div>

--%>

当我将鼠标移到div上时，有时会出现悬停，有时不会，有时会堆积起来，直到我再次将鼠标移到div上，然后它有时会释放。

---

因此，它根本无法正常工作。

尝试使用严格的HTML 4 doctype，如本文所述：

---

尽管文章中提到IE7，但此修复程序解决了IE9中存在相同问题的其他人的问题。

您需要移动

：将
悬停到
a
元素，例如：

.navSubMenu .mainMenuContent .programItem a.hoverGreen:hover { color: #b3dd0c; }
.navSubMenu .mainMenuContent .programItem a.hoverWhite:hover { color: #fff; }
.navSubMenu .mainMenuContent .programItem a.hoverWhite:hover { color: #b3dd0c; } 
.navSubMenu .mainMenuContent .programItem a.hoverRed:hover { color: #A80000; }

内的第一个
.programItem
标记在代码中未关闭：

<div class="programItem">
    <a href="<%#Container.DataItem.Link.HeyperJustLink() %>">



另外，您的目标是
.navsubemon.mainMenuContent.programItem:hover a.hover green
，但是HTML中没有
.navsubemon
的父菜单
当它不工作时会发生什么？请更详细一点，这将有助于解决问题。问题可能是特定于您的标记。你能显示HTML吗？它已经错过了要点-当我用class.programItem将鼠标悬停在div上时，我想更改a.hoverGree的颜色
<div class="programItem">
    <a href="<%#Container.DataItem.Link.HeyperJustLink() %>">