css - フォームと画像の背景を流動的にする

Question

ホームページに Optin フォームを作成しました。しかし、ブラウザを縮小しても、テキスト フィールドと背景画像は小さくなりません。

ここに私のHTMLがあります

<div class="jpl-ebook">
  <div class="jpl-form">
    <form>
      <table width="220">
        <tbody>
          <tr>
            <td colspan="2" align="center"></td>
          </tr>
          <tr>
            <td><b>Name:</b></td>
            <td><input type="text" /></td>
          </tr>
          <tr>
            <td><b>Email:</b></td>
            <td><input type="email" /></td>
          </tr>
          <tr>
            <td></td>
            <td><input id="bigbutton" type="submit" value="GET INSTANT ACCESS!" /></td>
          </tr>
        </tbody>
      </table>
    </form>
  </div>
</div>

ここにCSSがあります

.jpl-ebook {
    width: 90%;
    height: 350px;
    background: url(images/extras/book.png) no-repeat;
    position: relative;
}
.jpl-form {
    position: absolute;
    top: 170px;
    left: 190px;
}

画像の背景は 490 x 350 ピクセルです。