IE will display this in 2 rows, but I want it displayed in one line

Question

I have the following code:

<div id="banner">
<a href="http://www.kiubbo.com"&gt;&lt;img src="/Logot.png" border=0></a>
    <script type="text/javascript"><!--
            google_ad_client = "pub-xxxxx";
     /* 468x60, creado 13/02/09 */
     google_ad_slot = "7830464607";
     google_ad_width = 468;
     google_ad_height = 60;
     //-->
    </script>
            <script type="text/javascript" src="http://pagead2.googlesyndication.com /pagead/show_ads.js">
    </script>
</div>

In Firefox looks fine, but in IE it's displayed in 2 rows (http://www.kiubbo.com)

Anyone knows how to fix this?

Thank you.

Answer 1

Try:

<style type="text/css">
   #banner a {
      float: left;
   }
   #banner iframe {
      float: left;
   }
   .clear { clear: both; }
</style>

And put this after the last script tag inside the banner div:

<div class="clear"></div>

Answer 2

Seems like giving the logo pic

'position:absolute;'

puts them on the same line in IE. Course they're also on top of each other.