background-image neprekryje border

Ahojte,

mám obalový div, ten má border-bottom.
V tom dive mám zoznam <ul><li>.
Pre niektorú položku <li> tam mám background-image s background-position: center bottom;

Okraj obalového divu sa mi samozrejme zobrazuje zvonka divu, zatiaľ čo background-image položky <li> je prilepený na sposok zvnútra, čiže mi neprekrýva okraj, ale zobrazuje sa hneď nad ním.

Chcel by som, aby mi to pozadie prekrývalo okraj, ale nechcem použiť pre položku <li> vlastnosť margin-top: 1px. Vtedy to síce funguje, ale spolu s background-image mi to posunie aj obsah, resp. text položky <li>. Prosím o radu ako to spraviť.

Skúšal som aj nastaviť pre background-position nie bottom, ale hodnotu v pixeloch. To síce funguje, ale neprekryje to border, ten je vždy navrchu. Nepomoholo ani následne nastavenie z-indexu.

// pridané po 21 hodinách 30 minútach od posledného príspevku

Uz som to vyriesil ale obisiel som cely problem. Nedal som border-bottom obalovemu divu, ale border-top divu pod nim. Da sa to akceptovat kedze div pod nim je podmenu (a ten vrchny div s ktorym bol problem je menu).