JS работает в Chrome, но не в Firefox

Question

Я не могу понять, почему это не работает в FF?Он работает в Chrome, а Firebug не показывает никаких ошибок в FF, но игнорируется.

$(document).ready(function() {

            $(function(){
                $('#content-left').css({'display': 'block !important', 'width': '80px !important'});
                $('#content-right').css('width', '250px !important');
                $('#content-middle').css({'width': '630px !important', 'float': 'left !important', 'height': 'auto !important', 'padding': '0 10px !important'});
            });

        });

У кого-нибудь есть идеи?Спасибо!

Answer 1

Вы не можете использовать !important для встроенных стилей в Firefox.

Кроме того, вы не должны использовать !important UNLESS , у вас нет других вариантов.
В вашем случае !important не требуется, потому что встроенные стили уже имеют очень высокая специфичность.