I'm trying to edit a script to make my arcade website better. The link is http://www.lolarcade.com. Right now what I'm trying to do is to blend the google ads, and put images right next to it. The problem is that the Google ads are at the bottom, and the images are on the top. What I want are the images on the left, and the ad's on the right, like nearly all websites that does the images next to google ads thing.

This is the code I'm using.

<div style=\"float: left; width: 100px; text-align: center; padding: 18px 0 0 15px;\" id=\"adblock\">
			<style>
				#adblock img {
				margin: 10px 0 0 0;
				width: 60px;
				height: 60px;
				border: 1px solid #000;
				padding: 1px;
				background: #0099ff;
				}
			</style>
			<img src=\"/games/images/rotate.php\" />
			<img src=\"/games/images/rotate.php\" />
			<img src=\"/games/images/rotate.php\" />
		  </div>

		  <div style=\"float: left;\">
			  <script type=\"text/javascript\"><!--
google_ad_client = \"pub-1763119270564555\";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = \"250x250_as\";
google_ad_type = \"text_image\";
//2006-10-04: www.lolarcade.com
google_ad_channel =\"3560016994\";
google_color_border = \"FEF0DB\";
google_color_bg = \"FEF0DB\";
google_color_link = \"FF7D40\";
google_color_text = \"000000\";
google_color_url = \"0000FF\";
//--></script>
<script type=\"text/javascript\"
  src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">
</script>
			</div>

The rotate.php files is a nifty little file that randomizes image to show for the images.

Can anyone help me?

ps. Sorry if the code isn't pretty looking.

Try taking the float left out of the div for the adds, that may work

Or use a table :P

Didn't work. Anything else?

could the content be too wide for the page design and it's just overflowing?