Help with Div layout

/*========== CSS code ==========*/
 
#main { width:1080px; margin:0 auto; text-align:left;}
#header { position:relative; height:264px;}
#content { position:relative; height: 100%; }
#footer {  position:relative; height: 36px; }
 
#index_ {position:absolute;left:0px;top:0px;width:50px;height:264px;background:url(images/index.png);}
#index002_ {position:absolute;left:50px;top:0px;width:980px; height:55px;background:url(images/index-02.png);}
#index003_ {position:absolute;left:1030px;top:0px;width:50px;height:264px;background:url(images/index-03.png);}
#index004_ {position:absolute;left:50px;top:55px;width:314px;height:36px;background:url(images/index-04.png);}
#index005_ {position:absolute;left:364px;top:55px;width:666px;height:33px;}
#index006_ {position:absolute;left:364px;top:88px;width:666px;height:3px;background:url(images/index-06.png);}
#index007_ {position:absolute;left:50px;top:91px;width:980px;height:169px;background:url(images/index-07.png);}
#index008_ {position:absolute;left:50px;top:260px;width:980px;height:4px;background:url(images/index-08.png);}
#index009_ {position:absolute;left:0px;top:0px;width:50px;height:498px;background:url(images/index-09.png);}
#index010_ {position:absolute;left:50px;top:0px;width:202px;height:38px;background:url(images/index-10.png);}
#index011_ {position:absolute;left:252px;top:0px;width:778px;height:498px;background:url(images/index-11.png);}
#index012_ {position:absolute;left:1030px;top:0px;width:50px;height:498px;background:url(images/index-12.png);}
#index013_ {position:absolute;left:50px;top:0px;width:202px;height:498px;}
 
.tail-top { background: url(images/header_bg.png) top repeat-x; }
.tail-bottom { background: url(images/footer.png) bottom repeat-x; }
 
 
/*========== CSS code end ==========*/
 
 
<!-- HTML -->
 
	<div class="tail-top">
	<div class="tail-bottom">
		<div id="main">
		
			<!--header -->
			<div id="header">
                <div id="index_"></div>
                <div id="index002_"></div>
                <div id="index003_"></div>
                <div id="index004_"></div>
                <div id="index005_">
                    <asp:ContentPlaceHolder id="cphMenu" runat="server"></asp:contentplaceholder>
                </div>
                <div id="index006_"></div>
                <div id="index007_"></div>
                <div id="index008_"></div>
            </div>
            <!--header end-->
            
            <!--content-->
            <div id="content">
                <div id="index009_"></div>
                <div id="index011_"></div>
                <div id="index012_"></div>
                <div id="index013_">
                    <asp:ContentPlaceHolder id="cphLeftNav" runat="server"></asp:contentplaceholder>
                </div>
            </div>
            <!--content end-->
            
            <!--footer -->
            <div id="footer">
            	<asp:ContentPlaceHolder id="cphFooter" runat="server"></asp:contentplaceholder>
			</div>
			<!--footer end-->
			
		</div>
	</div>
	</div>
 
<!-- HTML END -->

                                  

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71: