Горизонтальное меню CSS не работает в IE7

Question

Я пытаюсь создать горизонтальное раскрывающееся меню с 3 уровнями подменю. Я почти создал все пункты меню. Я пытаюсь сделать его совместимым с браузером. В то время как я тестировал в меню IE7, это не правильно. float не работает. Пожалуйста, предложите мне, что делать?

вот мой код:

<ul id="menu_new"> 
    <li><a href="#" class="HeaderLink">Home</a></li> 
    <li><a href="#" class="HeaderLink">Applications</a> 
     <ul>          
      <li><a href="#">Agency</a> 
       <ul> 
        <li><a href="/apps/banner/web_links/NVE_South_Agency_PRDv2.ica" >NVE South</a></li> 
        <li><a href="#">NVE North</a></li> 
       </ul> 
      </li> 
      <li><a href="#">Manual Crawl</a></li> 
      <li><a href="#">Crawl Interval</a></li> 
      <li><a href="#">Archive List</a></li> 
     </ul> 
    </li> 
    <li><a href="#"> Visual Analytics</a></li> 
    <li><a href="#">Settings</a> 
     <ul>          
      <li><a href="#">Manage Subject</a> 
       <ul> 
        <li><a href="#" >Add Subject</a></li> 
        <li><a href="#">Edit Subject</a></li> 
        <li><a href="#">Delete Subject</a></li> 
        <li><a href="#">Export Subject</a></li> 
       </ul> 
      </li> 
      <li><a href="#">Manual Crawl</a></li> 
      <li><a href="#">Crawl Interval</a></li> 
      <li><a href="#">Archive List</a></li> 
     </ul> 
    </li> 
</ul> 

Fiddle Link

Результат в IE8: Результат в IE7:

Answer 1

#menu_new > li{ 
display:inline-block; 
position:relative; 
line-height:35px; 
height:35px; 
*display:inline;/*Add this code of line*/ 
zoom:1; /*and Add this code of line*/ 
}