CSS-positionering av bild

Jag har en tabell med ett antal rader. På två stycken ska ett litet streck infinna sig ovanför. Att sätta en bild av ett streck som bakgrund är inga problem, men kruxet är att då kommer inte strecket med på utskriften.

Istället har jag pillat dit en bild, men den vill liksom inte hamna där jag vill. På bilden ser man det övre strecket (bakgrundbilden) vara placerad precis som jag vill, men det undre strecket (lösa bilden) sticker utanför högerkanten. Jag vill putta in hela bilden 20 px åt vänster, men lyckas inte. How to, how to?

Den övre raden:

response.write("<td style='padding: 0px 5px 0px 5px; background: #ffffff url(bilder/faktura_linje.png) right top no-repeat; border-left: 0px solid #AAAAAA; width: 130px; height: 18px;' align='right'>")
	response.write(arrFakturaspecifikation(constSumma, intArrayIndex))
	response.write("")
response.write("</td>")

Den undre raden:

response.write("<td style='padding: 0px 5px 0px 5px; border-left: 0px solid #AAAAAA; width: 130px; height: 18px;' align='right'>")
	response.write("<img src='bilder/faktura_linje.png' style='position:absolute; height: 1px; width: 80px; z-index:-1;'>")
	response.write("<strong>" & arrFakturaspecifikation(constSumma, intArrayIndex) & "</strong>")
	response.write("")
response.write("</td>")

Problemet med border-top är att den täcker hela cellen (vilket blir mycket mer är jag vill). Finns det någon egenskap som begränsar det så vore det ju alldeles ypperligt.

Jag lade till margin-left och höftade till med en margin-top också så blev resultatet perfekt, även om jag inte förstår varför det blev som det blev...

<img src='bilder/faktura_linje.png' style='position:absolute; height: 1px; width: 80px; margin-left:-26px; margin-top:-2px; z-index:-1; vertical-align=right; '>