css - div内の背景画像のサイズを変更する

Question

この問題について本当に助けが必要です。私は数日以来それに苦労しており、解決方法がわかりません。このサイトで既に回答を確認しましたが、提供された回答で問題を解決できませんでした。

新しい Web サイトにスケルトン 960 グリッドを使用しています。

私は 1 ページの Web サイトを作成していますが、これはトラブル セクションのコードです。

<div id="section-offerte"></div>
 <div id="page-offerte">
  <div class="container">
   <div class="sixteen columns">
    <div class="title-test">
     <h1>OFFERTE</h1>
    </div>
    <div class="fifteen columns"></div>
 </div><!-- container -->
</div><!--end page offerte-->

そして私のCSS：

#page-offerte {
    height: 700px;
    width: 100%;
    padding-top: 100px;
    margin: 0 auto;
}
.container .fifteen.columns {
    height: 100%;
    min-height: 491px;
    float: left;
    background-size: cover;
    background-image: url(images/bg-offerte.png);
    background-repeat: no-repeat;
}
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container {
    width: 300px;
}
.container .columns, .container .column {
    margin: 0;
}
.container .fifteen.columns {
    width: 320px;
}
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .container {
width: 420px;
}
 .container .columns, .container .column {
margin: 0;
}
 .container .fifteen.columns {
width:420px;
}