请教一个css的问题

页面http://www.51trek.com

页面顶部，左侧是logo图片180*75，右侧是一张图片750*75
在ie7和firefox里面显示正常
在ie6里面，左侧的logo不出现，是空白！

这块代码是：
<div id="pagetitle">
<div class="bannertop"><a href="http://www.51trek.com" target="_blank"><img src="/images/ads/ad_top.jpg" width="750px" height="75px" alt="户外攻略网" /></a></div>
<div><a href="/"><img id="logo" src="/templates/kwbaike/images/logo.gif" alt="户外攻略网" /></a></div>
</div>

相关css：
#pagetitle { padding: 1px 0; height: 75px; he\ight: 75px; border-bottom: 4px solid #FFFFFF; overflow: hidden; }
#logo { padding: 0 10px; margin-right: 10px; }
.banner { width:960px;text-align:center; overflow:hidden;clear:both; margin-bottom:5px; }
.bannertop { width:750px; overflow:hidden;clear:both;float: right;text-align:right; }

是不是css兼容性的问题啊，请高手指点！！！

看了一下ie6下没问题

刚把id="logo"从img后面移到div后面就好了：
<div id="logo"><a href="/"><img src="/templates/kwbaike/images/logo.gif" alt="户外攻略网" /></a></div>

晕啊