html界面缩小后重叠,HTML – 为什么一个重叠另一个？

这是我的页面的

HTML：

我有.conteudo_representantes div里面的内容正在越过.rodape(页脚)div.

这是我的页面的CSS：

.conteudo_representantes {

margin-left: auto;

margin-right: auto;

width: 960px;

min-height:586px;

margin-top:40px;

position: relative;

}

.rodape {

position: relative;

width:960px;

height:50px;

margin:36px auto;

background:transparent url(../img/header_pattern.png) repeat top left;

}

整个页面源可以在这个example中找到.(单击列表的第二行,其中显示：02 – SãoPaulo – Capital,以查看此问题的实际效果.)

我究竟做错了什么？