使我的窗體和圖像背景流體

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像素。