CSS игнорируется в IE и FFox, но не в Chrome

Question

Я настраиваю меню навигации, используя следующий css. Я обнаружил, что он отлично работает в chrome, но абсолютно ни один из css не используется в firefox или IE.

Есть ли что-то очевидное, что я havent сделал или сделал здесь?

<style type="text/css"> 
    #ddm { 
     margin: 0; 
     padding: 0; 
    }   
    #ddm li { 
     float: left; 
     list-style: none; 
     font: 8pt Tahoma, Geneva, sans-serif; 
    } 
    #ddm li a { 
     display: block; 
     padding: 5px 12px; 
     text-decoration: none; 
     border-right: 1px solid white; 
     width: 70px; 
     white-space: nowrap; 
     color:Red; 
     border: none; 
    }   
    #ddm li a:hover { 
     color:White; 
     background-color:#444444; 
    } 
    #ddm li ul { 
     margin: 0; 
     padding: 0; 
     position: absolute; 
     visibility: hidden; 
    }   
    #ddm li ul li { 
     float: none; 
     display: inline 
    }   
    #ddm li ul li a { width: auto; }    
    #ddm li ul li a:hover { } 
</style> 


    <ul id="ddm"> 
     <li> 
      <ul> 
       <li><a href="#">test 1</a></li> 
       <li><a href="#">test 2</a></li> 
      </ul> 
     </li> 
    </ul> 

Answer 1

Вы все правы. Должно быть что-то еще вне разметки, которое каким-то образом мешает IE и FF. Извините за любое время.

Answer 2

Последняя строка display: inline не хватает ; на конце, который вызывает проблему