DIv+Css的图片定位问题!

我现在急想知道一点div+css里面图片排版的问题！
以下是我在随便找的一个图片，用ps切图导出的，经过研究，我用绝对定位把图重新组合起来了，不过很明显，虽然简单，但绝对定位不是最好的方法。。。
真心希望有高手能指导一下，谢谢了！
压缩包里是8张图片和一个images.html的网页文件，我自己的div的树型结构是这样的

┡Container (页面层容器,所有div都放里面，是为了方便整个页面居中用，用绝对定位以后怎么样都居中不了)
┡Header (给头部分一个类，下面的div是头部里面的四个小块)
┡Header_Left (头部div的左边)
┡Header_Right(头部div的右边)
┡Header_Right_1 （顶部右边分的三个小块）
┡Header_Right_2
┡Header_Right_3
┡Main (给中间分一个类，下面的div是中间部份的3个小块）
┡Main_1
┡Main_2
┡Main_3
┡Footer (最后一个是页脚)

在dw里是这样的

<div id="Container"><!--页面层容器-->

<div id="Header"><!--头部-->
<div id="Header_Left"><!--头部左边--></div>
<div id="Header_Right"><!--头部右边-->
<div id="Header_Right_1"><!--头部右顶部--></div>
<div id="Header_Right_2"><!--头部下左边--></div>

居中不了的问题，是因为你的body没有设置居中。加上body{margin:0 auto}
图片重新组合的问题，你不用DIV+CSS那就用TABLE啊。难道有第三种？
要么干脆别切了，整张导进去嘛。到后来来是要定义模块的位置。

<style type="text/css">
<!--
body{text-align:center;margin:0;padding:0;}
#Container{width:800px;margin:0 auto;}
#Header{width:800px;}
#Header_Left{float:left;width:249px;height:167px;background-image:url(images/1.gif);}
#Header_Right{float:right;width:551px;}
#Header_Right_1{width:551px;height:55px;background-image:url(images/2.gif);}
#Header_Right_2{float:left;width:348px;height:112px;background-image:url(images/3.gif);}
#Header_Right_3{float:right;width:203px;height:112px;background-image:url(images/4.gif);}
#Main{clear:both;width:800px;}
#Main_1{width:800px;height:53px;background-image:url(images/5.gif);}
#Main_2{float:left;width:183px;height:313px;background-image:url(images/6.gif);}
#Main_3{float:right;width:617px;height:313px;background-image:url(images/7.gif);}