Hello again,
Please have a look here: http://www.nuvemk.com/rebelate/rebelateinside/inside1.html http://www.nuvemk.com/rebelate/rebelateinside/css/inside1.css 1) The point is to have 1px between the vertical items. On any IE, when we click on any item on the horizontal menu, we get extra padding (I suppose). Why? 2) On IE6 I'm unable to get the .current class to work on hover. I have tried to change to: From: #menuVertical li a.current:hover To: #menuVertical li a:link.current:hover, li a:visited.current:hover This seems to work, however, I get unexpected visualization issues after this change, so, maybe this is not the proper solution? Any help here? Sorry for not being able to solve this, even with all web developers toolbars help. Maybe I need some sleep, anyway, if this could be easy catch by any of you, please advice... :s Márcio PS - If there is an easy response to this: 3) Not so important: Flicker I have duplicate the background image on both "a" element and "li" element. However, I still get some flicker effect on hovering in ie6. It's expected since this only minimizes. According to this source: http://dean.edwards.name/my/flicker.html Doing this on a .htaccess file may also work: LoadModule expires_module modules/mod_expires.so However, I really want to solve ie6 inconsistencies other way if possible. Is there any other (more recent way, without using js) to solve this ? Any clue why I'm I having the vertical menu image on my horizontal menu, when we click "Levanta-te" ? Note: I've also found this one, but it returns a js error: html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } Thanks. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
