Контейнер SimpleModal CSS не работает в Firefox или Chrome

Question

Я попытался переопределить настройки в стандартной таблице стилей, которая поставляется с плагином simplemodal jquery с containerCSS, который отлично работает в IE7, но не в Firefox или Chrome. Не уверен, что это ошибка или я что-то не так делаю.

JQuery код:

$(document).ready(function() {
    $("#ButtonPopup").click(function() {
        $("#addEditTask").modal({
            onOpen: modalOpen,
            persist: true,
            containerCss: ({ width: "300", height: "200", marginLeft: "-150" })
        });
        return false;
    });
});

HTML код:

<button id="ButtonPopup">Popup</button>
<div id="addEditTask" style="display:none;">
     <p>Aliquam nonummy adipiscing augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
     Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada
     libero, sit amet commodo magna eros quis urna.</p>
     <button id="ButtonSave">Save</button>
     <button id="ButtonCancel">Cancel</button>
</div>

Пожалуйста, смотрите это для рабочей демонстрации и загрузки zip-кода, который вы можете проверить самостоятельно.

Answer 1

Эрик Мартин ответил на это через список рассылки jquery.

http://groups.google.com/group/jquery-en/browse_thread/thread/90e58bb317002361

Я пропустил юниты, которые работали находят в IE, но не в Firefox.

Answer 2

Браузерам на базе Gecko и WebKit действительно нравятся их устройства. Убедитесь, что вы всегда говорите, как измерять свои значения.

Также в качестве примечания, если вы хотите переопределить встроенные стили из файла CSS, вы можете сделать это, добавив! Важное в конец значения.

высота: 300 пикселей! Важно;

переопределит встроенные стили.

ура!

Answer 3

Я бы взглянул на jqModal.