貌似你采用了左或右对齐，最后一个容器里的内容莫名其妙的出现在了下面一行。并且重复了部分内容。
如果是这样，这是IE6的一个BUG，你用其他浏览器就看不到这样的状况。要解决的话，可以适当的缩小宽度。只到它正常。
采用CSS布局，最麻烦的就是解决IE6的一些BUG。你会恨死它的。
一般来说弹出和拉出的菜单都是用JS实现的，因为这属于行为的范畴，CSS只负责外观显示。如果非要用CSS实现的话也可以，做一个链接的伪类a:hover
然后修改菜单长宽和位置。
大概明白了你的意思，但是按你想的是基本不可能的，但是可以用给别的方法来代替。首先，你把上半部分图片（假设高100px）作为body里面的内容，作为img标签或者新建一个div的背景都可以，然后把下半部分图片（假设叫bg.jpg）在body里面这么设置
background:url(bg.jpg) repeat-x center 100px}
