div блоки

как сделать так что бы content и textarea с send двигались при сжатии браузера как одно целое
http://imgur.com/a/4JP3M

HTML:

1. <div class="box">
2.         <div id="content"><?php include("chatGetMsg.php"); ?></div>
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>

Код (CSS):

1.    .Chan{
2.             background-image: url(chan.png);
3.             width: 999px;
4.             height: 1330px;
5.             border: 0px solid red;
6.             position:absolute;
7.             top:10%;
8.             left:1%;
9.             z-index: -1;
10.  
11.  
12.         }
13. #content {
14.     background-image: url(back.png);
15.     border: 6px solid black;
16.     border-radius: 10px;
17.     padding: 5px;
18.     position:absolute;
19.     top: 20%;
20.     right: 20%;
21.     max-height: 600px;
22.     max-width: 600px;
23.     min-height: 600px;
24.     min-width: 600px;
25.     overflow: auto;
26.     z-index: 3;
27.     opacity: 0.9;      
28. }
29.  
30. #textarea{
31.     float: left;
32.     position: absolute;
33.     margin-top:830px;
34.     left: 910px;
35.     z-index: 4;
36. }
37. #text{
38.     border: 8px solid black;
39.     border-radius: 10px;
40.     max-width: 520px;
41.     min-width: 520px;
42.     max-height:60px;
43.     min-height:60px;
44.     z-index: 4;
45. }
46. #send{
47.     float: left;
48.     position: absolute;
49.     top: 830px;
50.     left: 1431px;
51.     z-index: 4;
52. }
53. #button{
54.     float: left;
55.     width: 42px;
56.     height: 57px;
57.     z-index: 4;
58.  
59. }
60. .box{
61.  
62. }