Position absolute på en background

Jag har en sidebar på min wordpress-blogg, där jag har olika val (klassiska arkiv m.m.)...

Varje titel har en h3.widget-title som css-klass.
Och jag har lyckats lägga in en bakgrund där (inte så svårt).

Men - nu kommer det svåra ..
Jag vill att bakgrunden ska nå "utanför" texten för h3-taggen...
Jag vill att bakgrunden ska "börja" ca 40px till vänster om hela h3-taggen (för att kunna få den att byggas ihop med en vertikal linje jag har där ..

Se https://www.861017.se ...

Jag vill alltså ha en bakgrund bakom t.e.x "Recent Posts" / "Recent Comments",
som ska kunna lindas runt vertikala linjen som finns till vänster om sidebaren...

Det ska ju gå via css position absolute och px-värden,
men jag får inte det att fungera ...
Antar jag får bygga in någon mer div runt titel för att åf det att fungera..

Någon som har koll?

hx element är block element, så det skall väl gå bra, du kan ju ha en marginal/padding på den och texten under ha du en nagativ marginal... är osäker på vad du vill få för resultat.

Det jag är ute efter, är att jag vill ha en bakgrund bakom h-taggen (title),
men jag vill att bakgrunden ska gå hela vägen ut till vänster, och förbi den oranga linjen du ser ...

Så jag vill inte "flytta" på h-taggen, utan jag får förmodligen lägga till en annan div eller liknande runtomkring...

du få antingen:
ta bort marginalen på vänster från din .widget klass eller så få du sätta en negativa marginal på dina h3 och sätta en positiv padding på den också (på vänster). Om du är OK med IE7 och uppåt.