Вопрос по СSS, картинки

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

 <div id="content"><?php include("chatGetMsg.php"); ?></div>
 <div class="box">   
    <div id="textarea"><textarea id="text" name='message' maxlength="200"></textarea></div>
    <div id="send"><button id="button" >send</button></div>  
</div>
<div class="Chan"></div>
<div class="Chan2"></div>
<div class="Anihome"></div>

css

    .Chan{
    background-image: url(c.png);
    width: 1030px;
    height: 960px;
    border: 0px solid red;
    position:absolute;
    bottom:0%;
    left:0%;
    z-index: -1;
}
.Chan2{
     background-image: url(chan2.jpg);
    width: 796px;
    height: 983px;
    border: 0px solid red;
    position:absolute;
    bottom:0%;
    right:0%;
    z-index: -2;
}