ablegrape-widget zentrieren, wie?

hallo,
möchte in meinem blog (weinhof KOBLER weblog) mittels eines text-widgets das able-grape-suchfeld einfügen.

leider erscheint es am rand ausgerichtet und nicht zentriert.
kann mir jemand bitte den folgenden code diesbezüglich anpassen?

danke im voraus
moosmandl

<div style="width: 180px; height: 150px; position: relative;">
            
<div style="position: absolute; top: 0px; left: 0px; width:100%; height:100%; ">
            
<img src="http://www.ablegrape.com/img/Ablegrape_searchbox_2_180x150.jpg" alt="Able Grape, a wine information search engine">
            </div>
            
<div style="position: absolute; top: 75px; left: 7px; width: 160px;">
            
<form name="search" action="http://www.ablegrape.com/search.jsp" method="get" target="agmain">
            
<input type="hidden" name="lang" value="en">
            <input name="query" style="width: 100%;">
            <input type="submit" value="Search" style="display:block; position:absolute; width: 62px; top: 31px; left: 0px;">
            
</form>
            
</div>
</div>

hallo,

mit herumdrehen an "position" habe ich den hellgrüne hintergrund manuell zentriert, es passt jetzt so.

leider ist aber das eingabefeld von einem weißem rechteck umgeben.
und das von anfang an, auch mit dem originalcode, siehe rechts auf weinhof KOBLER weblog .

woher kommt das?
wenn man den obenstehen code alleine in einem browser naschaut, kommt er ohne dem weißen rand daher, in meinem blog mittels textfeld sieht man ihn leider?

kommt euch das bekannt vor?
was mache ich falsch?
oder sind textfelder.widgets nicht der richtige ort für do was?

danke für die hilfe
moosmandl