Дисплей CSS: встроенный блок не работает в IE7

Я создал это для простого объяснения моей проблемы. Это имеет некоторые элементы списка, отображаемые как встроенные блоки. У меня был исходный метод, который не работал также, таким образом, я использовал этот CSS.

http://jsbin.com/upexu/edit

Это работает отлично в FF и IE7 как автономное.

К сожалению, в моей реализации на моем сайте, это не отображается правильно в IE7 (они кажутся сложенными один над другим).

Firefox

IE7

Теперь может любой говорить мне, почему они не работают в моем примере (см. изображения выше и посмотрите на сайт, это находится в крайнем правом (не может пропустить его).

Это, кажется, работает в IE7, если я даю элементам списка явную ширину - но это кажется опасным, а также дополнительная часть обслуживания, которое я не хочу делать. Я мог, вероятно, сделать li#nsw { width: 3.5em } но ужасно, и я не должен иметь к.

Я действительно использую Перезагруженный Сброс CSS Eric Meyer.

Если Вы знаете о решении, скажите!

Спасибо.

Обновление

Вот HTML флажков

    
NSW

    
QLD

    
NT

    
Other
  

И вот CSS

 #free-case-review-form .checkboxes {
        border: 1px solid #000;
        padding: 5px 0;
        margin-bottom: 8px;
        overflow: hidden;
    }

    #free-case-review-form .checkboxes li {
        display: inline-block;
        display: -moz-inline-box;
        *display: inline; /* for ie */
        zoom: 1;
        overflow: hidden;
    }

    #free-case-review-form .checkboxes li input {
        display: inline;
        width: auto;
        border: none;
        margin-bottom: 0;
        padding: 0;
        float: left;
    }

    #free-case-review-form .checkboxes li label {
        display: inline; /* just an attempt - they should be block level anyway */
        float: right;
    }

Хотя я действительно рекомендую смотреть на сайт выше, поскольку намного больше CSS наследовано, особенно при помощи сброса стиля.