在opera浏览器下，margin-top引起的问题。

[lyamlf_net]

现在的问题是：middletop　与 middle 两个div有20px的间隔。
我的本意是：icon 距离login 顶部20PX。
div的布局如下：

        
        <div id="middletop"></div>
        <div id="middle">
            <div id="left">
                <div id="login">
                    <div id="icon"></div>
                </div>
            </div>
        </div>

我的CSS如下：

#middletop
{
	width:902px;
	height:22px;
	background-image:url("../Images/index/middletop.gif");
	margin:0px 0px 0px 0px;
}
#middle
{
	width:902px;
	height:500px;
	background-image:url("../Images/index/middlebg.gif");
	margin:0px 0px 0px 0px;
}
#left
{
	
}
#left #login
{
	margin:0px 10px 10px 10px;
	width:182px;
	height:267px;
	background-image:url("../Images/index/loginbg.gif");
}
#icon
{
	width:36px;
	height:36px;
	margin:20px 20px 0px 20px;	
}
/* FIRFORX Opera */
html>body #icon
{
	background-image:url("../Images/Index/icon.png");
}
/*IE*/
* #icon
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/icon.png',sizingMethod='scale');
}

[lyamlf_net]

一天了，都没人解答 啊。