CSS Drop down menu can not be display in IE6

[selvasoft]

I am using css for display drop down menu. But the menu displays in Firefox browser. The same style not display in IE6.

What are some solutions?

[Mayur2007]

Hello selvasoft,

Without code no-one can judge what problem did you have in your code. So pls post your code, which can help someone to judge your problem..

Thanks & Regards,
Mayur Bhayani

[selvasoft]

Hi Mayur

This is code for css menu
Page navigation CSS the code does not work in IE 6 version.
Please find out my attachment. Any one help me please.

#menu {
    float: left;
    height: 32px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-left: 1px solid #181818;
    z-index: 20;
}
 
#menu li {
    float: left;
    display: block;
    height: 32px;
    border-right: 1px solid #181818;
}
 
#menu li ul li {
    height: 24px;
    border-right: 0;
    border-bottom: 1px solid #181818;
    width: 100%;
}
 
#menu li a {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 32px;
    font-size: 11px;
    font-weight: bold;
    color: #181818;
        text-decoration: none;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: url(images/menu4.jpg) repeat-x;
}
 
#menu li a:hover {
    background: url(images/menu4.jpg) repeat-x;
    color: #5FB404;
}
 
#menu li.current_page_item a {
    background: url(images/menu4.jpg) repeat-x;
    color: #181818;
    border-left: 1px solid #088A08;
}
 
#menu li.current_page_item a:hover {
    background: url(images/menu4.jpg) repeat-x;
    color: #D0F5A9;
}
 
#menu ul {
    display: none;
    z-index: 99;
    position: absolute;
}
 
#menu ul li a {
    display: block;
    background: #5FB404;
}
 
#menu li ul a:hover {
    display: block;
    background:#5FB404;
}
 
#menu ul a {
    display: block;
}
 
#menu ul ul {
    margin-top: -27px;
    display: none;
    margin-left: 198px;
    position: absolute;
    border-left: 1px solid #181818;
    border-right: 1px solid #181818;
}
 
#menu li:hover ul ul {
    display: none;
}
#menu li:hover ul {
    display: block;
}
#menu ul li:hover ul {
    display: block;
}
#menu li ul li {
    display: block;
    width: 100%;
}
 
#menu li.page_item ul {
    border-top: 2px solid #181818;
    width: 200px;
}
 
#menu li.page_item a {
    display: block;
}
 
#menu li.page_item a:hover {
    display: block;
}
 
#menu li.page_item ul li a {
    display: block;
    text-align: left;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #181818;
    border-left: 1px solid #181818;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #333;
        background: url(images/menu4.jpg) repeat-x;
        text-decoration: none;
}
 
#menu li.page_item ul li a:hover {
    display: block;
    text-align: left;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #181818;
    border-left: 1px solid #181818;
    background: #FFF;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
background: url(images/menu4.jpg) repeat-x;
    color: #333;
}
 
 
 

[MusoFreak200]

hey man...

when using css, the point is to make it more compact than html... you need to make it more compact for someone to want to help you...

[MusoFreak200]

okay i have had a quick run throught the top of the code... not all of it...

it seems okay but as i said befor make it more compact...