Admob In Blogger

Hi... it's Ms Simpleton again. :-)

With some fantastic help I managed to get my Android App working perfectly. It simply jumps to my webpage.

I have been playing on Blogger with presenting an Admob ad. But every time I insert the ad, it is mis-aligned. I have set up a blog to show this:

http://droidfix.blogspot.com/2011/07/to-be-or-not-to-be.html

Can you see that? It starts in the blog-post window rather than the edge of the screen, and therefore overlaps on the right.

I have tried everything I can think fo to fix this, including playing with the blogger template. I cannot see any way to shrink the ad.

Any ideas on this?

I'm stumped.

Here is the AdMob script, if it helps:

<script type="text/javascript">
var admob_vars = {
pubid: 'a14f293e3123616', // publisher id
bgcolor: '000000', // background color (hex)
text: 'FFFFFF', // font-color (hex)
test: true // test mode, set to false to receive live ads
};
</script>
<script type="text/javascript" src="http://mmv.admob.com/static/iphone/iadmob.js"></script>

I have tried it in a few templates, including plain white.

It sort of jerks to the right.. to the start of the blog-post box, as opposed to the start of the mobile window.

I tried putting it in a java/html gadget underneath the blog-post-box as well, but no difference.

The angles I have explored are:

1. Somehow force the ad outside the box and properly to the left. No luck in finding a way.

2. Shrink the ad itself a little bit. Again no luck in finding a way.

3. Make the blog post box start on the extreme left. No luck either.

What makes this more frustrating is that both blogger and AdMob are owned by Google.

I am completely out of ideas now.