Hi All, I know this subject has come up recently: (IE6 suckerfish menu
disappears on hover over 2nd-3rd list items -
http://archivist.incutio.com/viewlist/css-discuss/96321) 

I did get rid of z-index and isolating the ul#nav but I'm still having the
problem in IE6 of the menu vanishing when I mouse over the 2nd or 3rd
sub-list item. The html validates, and CSS would except for the transparency
settings. What am I missing/doing wrong?

http://cleanwebdesign.com/dev/raul/navtest.html (stripped down to nav only)

Entire page: http://cleanwebdesign.com/dev/raul/

CSS: http://cleanwebdesign.com/dev/raul/styles/main.css

CSS Excerpt:
ul#nav { margin:0; line-height:1; font-family:"Trebuchet MS", Verdana,
sans-serif; text-align:center; background:#7F8E71; float:left; clear:both;
width:100%; padding:0; list-style:none; border-bottom:1px solid white; }

        #nav li { position:relative; float:left; line-height:1.25em;
padding:0; margin:0; list-style:none;}
        #nav li a {background:#000; color:#fff; width:auto; margin:0;
display:block; text-transform:uppercase; text-decoration:none;
font-size:10px; color:#fff; background:#7F8E71; letter-spacing:1px;
border-right:1px solid white; padding:3px 14px; }
        #nav a.last, #nav a.first {padding:3px 15px;}
        #nav a.last {border:none;}      
        #nav li a:hover, #nav li a.new:hover { background:#290101
url('../images/b_rollover.jpg') top left no-repeat;}
        #nav li ul { padding:0; width:100%; position:absolute; left:-999em;
margin:0 0 0 -1px; filter:alpha(opacity=90); opacity:0.9;  -moz-opacity:0.9;
border-top:1px solid white; }           
        #nav li li a { background:#233018; border:1px solid white;
border-top:none; }
        #nav li ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav
li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
        #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:0;}
        #a {width:110px;}  #a * {width:111px;} 
        #b {width:140px;}  #b * {width:141px;} 
        #c {width:170px;}  #c * {width:171px;}
        #nav li#b li a {padding:3px 0;}

Thank you for your time & help,
Lisa

______________________________________________________________________
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/

Reply via email to