margin-top的兼容性问题

好久没处理前端的事情了，今天碰上这么一个问题，如下：
CSS:
html, body, #wrapper {height: 100%;font-size:12px;}
#wrapper{width:100%;}
body > #wrapper {height:auto; min-height:100%;}
#footer
{
       /*position: relative;*/
       margin-top: -60px; /* footer高度的负值 */
       height: 60px;/* footer高度*/
       width:100%;
       min-width:960px;/*最小宽度ie6中加JS解决*/
       clear:both;
       text-align:center;
       background:url(../images/footbg.gif) repeat-x left top;
}
HTML：
<div id="wraper"></div>
<div id="footer"></div>

照理说，这里会出现两个盒模型，#wraper和#footer。

在不同浏览器出现不一样的漂移。

上面的代码是不是存在兼容性的问题呢，哪位大虾知道的话请帮个忙。

id = wraper   和css样式的命名不一致 多了一个p

那是我写错了，更正一下
<div id="wrapper"></div>
<div id="footer"></div>

body > #wrapper
ie6,7不支持