Jumbotron not showing up on Firefox or Safari

Maybe you CSS code is confusing the other browsers. First you are using the prefixed properties after the unprefixed ones, I would inverse that. Secondly you are using the background shorthand property with the values in uncommon order. I think there are browsers out there, which expect them in specific order.

.jumbotron {
    background: url('<?php echo $thumbnail_jumbo ?>') right center no-repeat fixed;
    padding:0;
    margin-bottom: 0px;
    max-width:100%;
    min-height: 500px;
    box-shadow:0px 0px 10px #000;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}