For Magento left navigation IE7 issue css Problem Solved.

First you set #left-nav li {

position:relative;

}

#left-nav li ul, #left-nav li:hover ul ul, #left-nav li a:hover ul ul, #left-nav li ul li:hover ul ul, #left-nav li ul li a:hover ul ul, #left-nav li ul li ul li:hover ul ul, #left-nav li ul li a ul li a:hover ul ul, #left-nav li ul li ul li ul li:hover ul ul, #left-nav li ul li a ul li a ul li a:hover ul ul, #left-nav li ul li ul li ul li ul li:hover ul ul, #left-nav li ul li a ul li a ul li a ul li a:hover ul ul{
left:-1000px;
position:absolute;
z-index:999;
}
#left-nav li:hover ul, #left-nav li a:hover ul, #left-nav li ul li:hover ul, #left-nav li ul li a:hover ul, #left-nav li ul li ul li:hover ul, #left-nav li ul li ul li a:hover ul, #left-nav li ul li ul li ul li:hover ul, #left-nav li ul li ul li ul li a:hover ul, #left-nav li ul li ul li ul li ul li:hover ul, #left-nav li ul li ul li ul li ul li a:hover ul, #left-nav li ul li ul li ul li ul li ul li:hover ul, #left-nav li ul li ul li ul li ul li ul li a:hover ul{
position:relative;
left:0px;
top:0;
z-index:999;
width:193px;
}

this is very intersting. I found this solution for IE 7 drop down menu purpose.

Leave a Reply

© 2020 Spirituality