Thanks for the fix, it is finally working. I have noticed another strange thing in IE6 on the flyout for the About ISM Section. When you hover over the About ISM and get the first level flyout, everything is fine. Then when you hover over the first item on that list "Overview of ISM" the second level flyout comes out but (at least for me) only the middle item actually shows the red hover color. I don't know if this is a CSS issue but if anyone could provide some insight into it that would be great.
Thanks. Taryn On 6/7/07, Ingo Chao <[EMAIL PROTECTED]> wrote: > > Taryn Regish wrote: > > ... > > I am having a problem with my vertical navigation and its flyouts. When > the > > main section of the site have not been selected the class is VertMenuOFF > and > > I can hover over the sections and my flyouts appear. But when I navigate > to > > a section like About ISM, the section highlights because of the class > > VertMenuON as it is supposed to but when I hover over that section, the > > flyouts are not appearing in IE6. I also just noticed that in IE6 the > top > > utility navigation is doing the same thing. > > > > ... > > > > http://dev.www.ism.ws/index.cfm > > http://dev.www.ism.ws/files/style/ISMscreen.css > > > > Vertical Navigation - no flyouts appear on hover - > > http://dev.www.ism.ws/about/?navItemNumber=4884 > > Utility Nav - http://dev.www.ism.ws/contact/?navItemNumber=4907 > > <http://dev.www.ism.ws/contact/?navItemNumber=4907> > ... > > If the entry has VertMenuON, it already has a red background-color, > #C72921. And on hover, IE6 does not see anything that must be changed: > > div#mainVertMenu a.VertMenuOFF:hover, > div#mainVertMenu a.VertMenuON:hover, > div#mainVertMenu ul ul a:hover { > > background-color: #C72921; /* already done */ > color: #FFFFFF; /* already done */ > } > > IE6 sits back and takes things easy. It does not look further: > > div#mainVertMenu ul li:hover ul, > div#mainVertMenu ul a:hover ul { > > visibility: visible; > z-index: 500; > } > > IE6 does not get the information that it has to respect this > "a:hover ul" declaration, since it stops at "a:hover" if nothing has to > be changed. So visibility keeps hidden. > > Someone should translate this into English. > > Anyway, one fix that almost always helps: > background-position: 0 0; > to the hover state. > > In your case: > > div#mainVertMenu a.VertMenuOFF:hover, > div#mainVertMenu a.VertMenuON:hover, > div#mainVertMenu ul ul a:hover { > > background: #C72921 0 0; > /* > IE6 fails to show the descendant ul when VertMenuON is set. > IE6 fix for hover bugs using background-position: 0 0; > see http://www.satzansatz.de/cssd/pseudocss.html#hoverdesc > */ > color: #FFFFFF; > } > > This "0 0" is not needed, "background: #C72921;" would do, but this > would try to mask that we are hacking here. > > Ingo > > -- > http://www.satzansatz.de/css.html > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
