jquery - iOS - Web サイトの iPhone CSS 背景の問題

Question

ここにこのサイトがあります: http://jamessuske.com/freelance/seasons/

iPhoneやiPadで縦に見ると背景が途切れます。横向きで見ると画面いっぱいに広がります。私の質問は、背景画像が画面全体を垂直にカバーすることはありますか?

HTMLは次のとおりです。

<img src="images/index.png" id="bg" class="bgwidth">

CSS:

#bg { 
    position: fixed; 
    top: 0; 
    left: 0; 
}

.bgwidth { 
    width: 100%; 
}

.bgheight { 
    height: 100%; 
}

そしてjQuery：

<script type="text/javascript">
            $(window).load(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(resizeBg).trigger("resize");

            });
        </script>

誰でも助けることができますか？または、少なくとも私を正しい方向に向けますか？