Вопрос по СSS

такой вопрос когда я сжимаю браузер по горизонтали то одна картинка прикрывает другую, а я хочу что бы она останавливалась в определенном месте. Как сделать?
скрины - http://imgur.com/a/kIzcd

HTML:

1.  <div id="content"><?php include("chatGetMsg.php"); ?></div>
2.      <div class="box">  
3.         <div id="textarea"><textarea id="text" name='message' maxlength="200"></textarea></div>
4.         <div id="send"><button id="button" >send</button></div>
5.     </div>
6.     <div class="Chan"></div>
7.     <div class="Chan2"></div>
8.     <div class="Anihome"></div>

Код (CSS):

1. .Chan{
2.     background-image: url(c.png);
3.     width: 1030px;
4.     height: 960px;
5.     border: 0px solid red;
6.     position:absolute;
7.     bottom:0%;
8.     left:0%;
9.     z-index: -1;
10. }
11. .Chan2{
12.      background-image: url(chan2.jpg);
13.     width: 796px;
14.     height: 983px;
15.     border: 0px solid red;
16.     position:absolute;
17.     bottom:0%;
18.     right:0%;
19.     z-index: -1;
20. }

 

http://anihome.ee