One Level Drop Down Menu Working Well in almost all browsers except IE6 - NoJavascrip

Discussion in 'CSS' started by GAdsense, Jun 23, 2009.

0
  1. #1
    I have made a horizontal menu which is working well in other browsers but not in IE6.

    The reason is I have pure css menu and IE6 doesn't support the pseduo classes. So I'll need to use some javascript. I tried using AListApart Javascript but it isn't working at all in IE6.

    Following is my css
    
#navigation ul {width:800px; list-style:none; padding-top:6px; margin:0; }
#navigation ul li {display:inline;  }
#navigation ul li a {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:12px;}

#navigation ul ul {
display:none; 
position:absolute; 
left:102px;
top:220px; 
border-width:1px; 
height:30px;
background-color:#8AAEDD; color:#000; 
width:802px;
}          


#navigation ul ul li a:hover {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; padding:12px; background:#DAF1FE; }
    Code (markup):
    Hopefully someone of you would have faced this issue earlier. I used other methods earlier. This time, I'll have to use this way only.

    Thank you
     
    GAdsense, Jun 23, 2009 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    could we see the markup that goes with that? The CSS doesn't make a whole lot of sense without it... and I'm fairly certain from the CSS you have invalid markup (given your only hover is on the anchor)

    As to supporting :hover on any element, the easy way is csshover3.htc from PeterNed.
    http://www.xs4all.nl/~peterned/csshover.html
     
    deathshadow, Jun 27, 2009 IP