JQuery css function not working in all browsers

You must use separate properties, such as margin-left.

The main method for reading all properties: http://jsfiddle.net/XvqYS/8/

$(function () {
    var $main = $("#main");
    var margin = [
        $main.css('margin-top'),
        $main.css('margin-right'),
        $main.css('margin-bottom'),
        $main.css('margin-left')
    ].join(' ');
    alert(margin);
});

You can configure it to return a compact value , for example. 10px 10px 10px 10px→ 10px.