jquery框架下页面在ie7下混乱的问题

在jquery框架下的页面在ie7下会出现混乱，：

页面正常显示如下图：

在ie7下则出现混乱，如下图所示：

会出现这个问题是因为在做网页布局时，只是给设定的body高度和宽度的样式：body{

   padding: 0px;

   margin: 0px;

   font: 14px/1.5em 'arial';

   font-family: 'arial';

   height: 100%;                                  

   width: 100%;

   min-width: 1024px;

   overflow:  hidden;

}而没有给html元素设定高度和宽度，因此只要给html标签添加设定高度和宽度的样式：

html{

     width: 100%;

   height: 100%

}，这样在ie7下就不会出现混乱的问题了