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

Question

Я оформляю навигационное меню, используя следующую CSS. Я обнаружил, что он отлично работает в Chrome, но абсолютно ни один из CSS не работает в Firefox или IE.

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

<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

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

Answer 2

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