Chyba s oříznutým obrázkem*

Ahoj all, mám udělaný levý bok jako menu a mám udělanej orázek jako nadpis nad tím menu, ale použil jsem tam margin-left:-20px; a ono mi to ten obrázek nadpisu kterej je v pozadí ořízlo o těch 20 px místo toho aby to jenom o 20 px posunulo jak yb to šlo vyřešit uvedu vám tady ten příklad jak to mám. Děkuji za rady.

Příklad:

#left h1{

display: block;

margin-left:-20px;

margin-top:10px;

height: 18px;

text-transform: uppercase;

line-height: 0px;

background: url(../img/bcg-nadpis-right.png);

text-decoration: none;

font: 130% cooper black;

color: #454648;

} 

nemá