I am trying to position my ad banner in the header of my site. Everything works fine in firefox but then I checked it in IE7 and I noticed a whitespace around the banner - http://www.chartsetups.com

Anyone have any suggestions for how to get rid of this whitespace around the banner?

Heres my existing code as is:

<div class="header">
<div class="TopMenu">
%%Panel_SiteMenuPanel%%
</div>
<img class="logo" src="http://www.chartsetups.com/templates/Default/Images/logo.jpg" alt="ChartSetups.com" />

<iframe src="http://content.tradeking.com/refer/banner?id=23&key_code=TKchartsetups" frameborder="0" scrolling="no" IMG STYLE="position:absolute; TOP:30px; LEFT:420px; WIDTH:468px; HEIGHT:60px" width="468" height="60">
<a href="http://content.tradeking.com/refer/banner_click?id=23&key_code=TKchartsetups" target="_top">
<object type="application/x-shockwave-flash" data="http://content.tradeking.com/refer/banner_image?id=23&key_code=TKchartsetups" width="468" height="60">
<param name="movie" value="http://content.tradeking.com/refer/banner_image?id=23&key_code=TKchartsetups" />
<param name="flashvars" value="clickTAG=http%3A%2F%2Fcontent.tradeking.com%2Frefer%2Fbanner_click%3Fid%3D23%26key_code%3DTKchartsetups&clickTARGET=_blank" />
</object>
</a>
</iframe>


<div id="menu">
<img src="http://www.chartsetups.com/templates/Default/Images/menu-front-cap.gif" alt="front cap" />
<div class="menuBg">
<ul>
%%SNIPPET_MenuLinks%%
</ul>
</div>
<img src="http://www.chartsetups.com/templates/Default/Images/menu-cap.gif" alt="end cap" />
</div>
</div>