Ie7 drop-down menu compatibility issue_html/css_WEB-ITnose

ie jquery

• 
  
  


• 
  
  
  
  
  • Company Introduction
  
  
  • Service Advantages< ;/li>
    
  • Contact Us
  
  
  
  


• 
  
  
  
  
  • Trading Products
  
  
  • Transaction method
  
  
  • Contract Details
  
  
  • Income Explanation
  
  
  • Trading Glossary
  
  
  
  


• 
  
  < ;ul>
  
• Quote


• Expert Comments


• Trading Strategy< ;/li>
  
• Recent News


• Market Announcement

• < ;a href="#" title="">Account opening instructions


• Real account


• Demo account

< li>Fund deposit and withdrawal

• Transaction Code


• Abnormal Transaction

< /ul>


• 
  
  
  
  
  • Trading Platform
  
  
  • Customer Documentation
  
  
  
  


• 
  < ;/a>
  
  
  
  • Customer Service Center
  
  < ;li>User Center
  
  • Video Center
  
  
  
  

///Drop-down menu
$(function(){
$(" li.nav_line").hover(function(){
$(this).children("ul").slideDown("fast")
},function(){
$(this). children("ul").slideUp("fast");
})
});





(What about my drop-down menu? It works under other IE browsers, and FF also works, but under IE7, you can only click on the first submenu of the drop-down menu, but not the second one)

Reply to the discussion (Solution)

What about the css code?

#nav{ background-position: left -35px; height: 34px;}
#nav a{ color:#aa7d79;}
#nav a:hover{color:#cfbbb5;}
.nav_line:hover{height:34px;}
.nav_line ul{ opacity:0.8; filter:alpha(opacity=80); background-color:#2a1312; border-bottom:1px solid #4a3431; text -align:center; padding:15px 0px;}
.nav_line ul li{display:inline;}
#nav_1{width: 120px;}#nav_2,#nav_3{width: 101px;}#nav_4{width : 117px;}#nav_5{width: 104px;}#nav_6,#nav_7{width: 100px;}#nav_8{width: 102px;}#nav_9{width: 179px;}
#nav_1:hover{background-position : left -1px;}#nav_2:hover{background-position: -120px -1px;}#nav_3:hover{background-position: -221px -1px;}#nav_4:hover{background-position: -322px -1px; }#nav_5:hover{background-position: -439px -1px;}#nav_6:hover{background-position: -543px -1px;}#nav_7:hover{background-position: -643px -1px;}#nav_8:hover {background-position: -743px -1px;}#nav_9:hover{background-position: -845px -1px;}


This is the css code