Table inside a table adding padding

If you look at: this website I built, I would like the sidebar weather that is added via javascript to be center aligned. When I look at this in Firebug it looks like the inner padding is from the 开发者_StackOverflow中文版tables.

The table is larger than its container because of its last <td> which contains

yourweather.co.uk +info

As you cannot modify its code I sugger you to use a "real" API like Yahoo! Weather instead of a ugly iframe.

Your content is a iframe from a weather page that is on another server and because of the Same Origin Policy (2) you can't alter the table within the iframe to fit your div. So either you make your div bigger, use scroll bars or if you have contact with the owner of the weather server ask him to edit his page so it will fit for you.