Hintergrundbildproblem bei Safari

[achterbahnfreak]

Guten Morgen,

ich habe ein Problem. Und zwar erhalte ich unterhalb des Hintergrundbildes einen weißen Rand, wenn ich das fenster verkleiner, jedoch nur beim Safari. Überall sonst geht es.

Hier mal meine Codes:

<script>
                $(function() {   
                
                        var theWindow        = $(window),
                            $bg              = $("#bg"),
                            aspectRatio      = $bg.width() / $bg.height();
                                                                
                        function resizeBg() {
                                
                                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
                                    $bg
                                        .removeClass()
                                        .addClass('bgheight');
                                } else {
                                    $bg
                                        .removeClass()
                                        .addClass('bgwidth');
                                }
                                                        
                        }
                                                                
                        theWindow.resize(function() {
                                resizeBg();
                        }).trigger("resize");
                
                });
</script>

CSS:

#bg { position: fixed; top: 0; left: 0;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

und HTML:

<img src="img/back.jpg" id="bg" alt="" style="z-index: -999;">

Hat jemand eine Lösung für mich?

Danke