CSS / HTML：为什么不排队？

Question

尝试使用我在photoshop中放置的设计制作基本模板，但遇到困难。任何人都可以解释为什么这些不排队？

http://liveweave.com/#&togetherjs=8wN5QxamaU

http://i.imgur.com/iysThv1.png

HTML：

body { 
background-image: url('0x0E14.bmp');
background-repeat: repeat;
background-attachment: fixed;
}
.container {
    margin: auto;
    width: 774px;
    line-height: 0;
}
.column-left{ float: left; width: 416px; height: 154px; line-height: 0; display: table-cell; background-image: url('topscroll.png');}
.column-left2{ display: inline-block; width: 100%; line-height: 0; }
.column-right{ float: right; width: 33%; line-height: 0; }
.column-center{ display: inline-block; width: 33%; line-height: 0; }
.column-center-top{ display: inline-block; line-height: 0; background-image: url('top.png');}
.column-center-body{ line-height: 0; background-image: url('containerbg.png');}

.menu { 
margin: auto;
line-height: 0;
height: 54px; 
width: 748px; 
display: table-cell; 
vertical-align: middle; 
text-align: center; 
background-image: url('menu.png');
}

CSS：

malloc()