Какой правильный синтаксис для замены элементов HTML оператором <! - [if IE 7]>?

Question

Мне нужно иметь немного другой элемент HTML в IE7, чем остальные, вот что у меня есть:

<p>
        <label>&nbsp;</label>

        <!--[if IE 7]>
        <span class="progressIndicator" style="display: none;"></span>
        <button type="submit" class="submit" value="" id="qsubmit">SEND</button>
            <![endif]--> 

            <span class="progressIndicator" style="display: none;"></span>
        <button type="submit" class="submit" value="" id="qsubmit">&nbsp;</button>

    </p>

Но при этом кнопка отображается дважды: одна с правильным значением, а другая не работает должным образом.

Как правильно заменить этот элемент HTML только для IE7?

Я бы предпочел не нюхать браузер.

Спасибо:)

Answer 1

Как это:

    <!--[if IE 7]>
    <span class="progressIndicator" style="display: none;"></span>
    <button type="submit" class="submit" value="" id="qsubmit">SEND</button>
    <![endif]--> 



    <!--[if !(IE 7)]><!-->
    <span class="progressIndicator" style="display: none;"></span>
    <button type="submit" class="submit" value="" id="qsubmit">&nbsp;</button>

    <!--<![endif]--> 

Answer 2

Поместите содержимое, не относящееся к IE7, в условный комментарий , указывающий на понижение уровня * (хотя обратите внимание, что синтаксис MS, используемый в этой статье, является излишне недействительным HTML). Упрощенная от кажущейся избыточной разметки в вопросе:

<p>
    <label>&nbsp;</label>
    <span class="progressIndicator" style="display: none;"></span>
    <button type="submit" class="submit" value="" id="qsubmit">
        <!--[if lt IE 8]>
            SEND
        <![endif]--> 
        <!--[if gte IE 8]><!-->
            &nbsp;
        <!--<![endif]-->
    </button>
</p>