<! - [если IE]> для применения полей не применяются стили

Попытка сделать масштаб iframe, но способ, которым каждый браузер делает это, дает мне проблемы. Это то же самое, что и все, кроме IE, где мне нужно установить поля, чтобы они соответствовали iframes в своих контейнерах.

В IE ему не нужны эти поля, поэтому я хочу установить поля на 0. Поэтому я делаю оператор условия на основе браузера, но он не хочет анализировать.

<style>
    #media .audio {
        margin: -157px -235px -157px -235px;
        -ms-zoom: 0.5;
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
        -o-transform: scale(0.5);
        text-align:center; vertical-align:middle;

    }

</style>
<!--[if IE]> 
<style>
    #media .audio {
        margin: 0 !important;
    }
</style>
<![endif]-->

Я проверил мой синтаксис и все, кажется, в порядке. Есть ли альтернативный метод для этого? Я предполагаю JS/jQuery, но я бы предпочел избежать этого, если мог.