รบกวนช่วยดู CSS ให้ผมหน่อยครับ มันไม่ยอมขยายตามเนื้อหา

ตรงที่ผมทำเป็นสี แดงๆไว้ข้างบนอ่ะครับ ตรงนั้นเป็น bg เพื่อที่จะให้ขยายตามเนื้อหาครับ แต่มันไม่ยอมขยายครับไม่รู้ว่าผมใช้คำสั่งถูกหรือเปล่าครับ

นี้ครับคำสั่งที่ผมเขียนไว้

#boxwebcenter {

background-image: url(../image/icon/shopping_02.gif);

background-repeat: repeat-y;

}

#Layer1 {

position:absolute;

left:52px;

top:38px;

width:900px;

height:252px;

z-index:1;

}

#Layer2 {

position:absolute;

left:0px;

top:352px;

width:1000px;

height:32px;

z-index:1;

background-image: url(../image/icon/bg-menu.gif);

background-repeat: repeat-x;

}

#Layer3 {

position:absolute;

left:4px;

top:395px;

width:200px;

height:500px;

z-index:1;

background-repeat: repeat-x;

}

#Layer4 {

position:absolute;

left:215px;

top:396px;

width:780px;

height:500px;

z-index:1;

background-repeat: repeat-x;

}

ตอนเรียกใช้ครับ

<div id='boxwebcenter'>

<div id='Layer1'>อันนี้ตรงที่แสดงรูปภาพใหญ่ๆครับ</div>
<div id='Layer2'>อันนี้แสดงตรง Menu ครับ</div>
<div id='Layer3'>อันนี้แสดงที่เมนูทางด้านซ้ายมือครับ</div>
<div id='Layer4'>อันนี้แสดงเนื้อหาตรงกลางครับ</div>

</div>

รบกวนช่วยดูให้หน่อยนะครับ

 ไม่ได้ครับ ผมว่าจะลองหัดทำออกแบบเว็บไซต์ด้วย Laout css ซะหน่อย ดันมาเจอปัญหาแบบนี้อีกแย้ว ก็เลยกับมาใช้แบบ ตารางเหมือนเดิมเร็วดีครับ

ทำไมมันใช้ไม่ได้อ่ะครับ เห็นเพื่อนบอกว่า คำสั่ง position:absolute; มันไม่ได้อ่านความสูงให้เราผมก็เลย งง

<div id='boxwebcenter'>

<div id='Layer1'>อันนี้ตรงที่แสดงรูปภาพใหญ่ๆครับ</div>
<div id='Layer2'>อันนี้แสดงตรง Menuใต้รูปใหญ่ ครับ</div>
<div id='Layer3'>อันนี้แสดงที่เมนูทางด้านซ้ายมือครับ</div>
<div id='Layer4'>อันนี้แสดงเนื้อหาตรงกลางครับ</div>

</div>