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/
