Hi,
i have a simple layouy with three boxes :
<div id="headerContainer">
<div id="menuContainer">
<asp:SiteMapDataSource ID="siteMapSource" runat="server" ShowStartingNode="false" />
<asp:menu id="mainMenu" runat="server" datasourceid="siteMapSource"
cssselectorclass="PrettyMenu" orientation="Horizontal" SkinID="HorizontalMainMenu" >
</asp:menu>
</div>
</div>
<div id="contentContainer">
<iframe src="innerPage.aspx" id="mainFrame" name="mainFrame" frameborder="0" width="100%">
</iframe>
</div>
<div id="footerContainer">Footer content</div>
Now everything works pretty well except for IE7. When I browse over the menu, open the submenus, they flow out over the iframe. Now I make my selection, new page loads properly in the iframe, but then when i move mouse off the menu (it's above the iframe) it doesn't disappear - just in IE7. IE6 and Firefox behaves properly.
But if i continue with pointer all the way down to the footer, it will hide. So it does if i leave the menu above the header container.
Does anybody have any idea what could be the cause? Could it be some new cross frame security in IE7? (I've allowed everything frames related in security options in ie, the inner pages are from the same domain, same website).
I think i didn't do any breaking changes in the css files coming with ASPNETCssFriendlyAdapters solution, but i can post them later if someone would suspect those.