[Resolvido] Gambiarra para Div de Widget

Ola!

Eu estou com um probleminha com meu widget que inclui no site.

É o seguinte:

O site que fornece o código da previsão do tempo, fornece um widget de 305px. Eu queria colocar ele no lado direito do meu site que tem 300px. Eu só queria tirar 5px do widget. Eu tentei fazer umas gambiarrinhas, incluindo um "style" ou "class" na div que o site fornece, mas não consegui diminuir o tamanho.

Eu fiz um outro improviso, fazendo um class com margem para a esquerda -2px. Ficou até mais ou menos. Só que ficou meio feinho.

Se derrepente alguém puder dar uma dica para "gambiarrar" melhor o sisteminha, ficarei muito agradecido.

obs.: Pelo site do widget, é impossível deixá-lo a 300px.

Site do widget: http://www.tempo.pt/widget/?gclid=CLHZ37mo5q4CFcee7QodZkv5fw

Meu site (ali descendo a rolagem: http://www.superdanilof1page.com.br/index.php

CSS da gambiarra

.abc2 {
width:300px;
overflow:visible;
max-width: 300px;

margin-left:-3px;}

Codigo do widget

<div id="cont_c770d15293422241edfab1660c19e51d">
<span id="h_c770d15293422241edfab1660c19e51d"><a id="a_c770d15293422241edfab1660c19e51d" href="http://www.tempo.pt/melbourne.htm" target="_blank" style="color:#808080;font-family:2;font-size:14px;">Tempo Melbourne</a></span>
<script type="text/javascript" src="http://www.tempo.pt/wid_loader/c770d15293422241edfab1660c19e51d"></script></div>

obrigadiu :)