Problem with image aligning

I am trying to put a banner on my homepage, its fine in firefox but having problems in IE.

The site is mlmmarketingpro.com

Under the navigation is a box on the left with some text and a banner image on the right that should be inline. On firefox it is and on IE it drops down below the main post/sidebar area so you can hardly see it.

Your help would be much appreciated!

CSS

	/* ad styles */
	#header_ads { float: right; width: 50%; }
	
		#ad_list { margin-top: 1.5em; text-align: right; }
			#ad_list img { margin-left: 2.5em; }
				#ad_list .first img { margin: 0; }
			#ad_list li { display: inline; list-style-type: none; }

Code (markup):

PHP

<div id="header_ads">

       <?php if ($bu_ads_toggle != "true") { ?>

        	    <ul id="ad_list">
                  <li><a href="<?php echo $bu_ad_two_link; ?>"><img src="<?php echo $bu_ad_two_image; ?>" alt="MLM Lead System" /></a></li>
    			</ul>

                <?php } ?>

        </div>

    </div>

<?php }

Code (markup):

Thanks alot for your time, cheers!

 

Seems to me, total space taken by the 2 div is more than space available on container <div id="header_addon">; May be reduce the width by .5 % or 1% on both div or either one.

 

Great that seems to work for me, could you just take a quick look at http://www.mlmmarketingpro.com and let me know if you see the same?

 

Mozilla FF Check: OK
Chrome Check : OK
Safari Check : OK
Opera Check : OK
IE 8 Check : OK
IE 7 Check : OK
IE 6 Check : the div at left seems to have more height. However if not required IE6 can be ignored.