Abgrenzung wird nicht in voller Höher dargestellt

[Corraggiouno]

hi,

benötige noch einmal eure Hilfe; kann mir jemand sagen warum meine "Abgrenzungsgraphik" zwischen den einzelnen Listenelementen nicht in voller Höher dargestellt wird?
Die Graphik ist 40 Pixel hoch;
css-code

* {margin: 0px; padding: 0px;}

html 
{
height: 100.3%;
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
}

body 
{
text-align: center;
background: url(../images/background.png) repeat-x;
}

div#wrapper 
{
height: 600px;
width: 1120px; 
margin: 20px auto;
}

h1
{
background: url(../images/logo1.png) no-repeat;
background-position: center;
margin-top: 2.0em;
height:200px;
text-indent: -999em;
}


ul
{
background: url(../images/background_nav.png) repeat-x;
height: 2.5em;
margin: -2.6em auto 0;
width: 540px;
}

li
{
background: url(../images/abgrenzung.png) no-repeat;
height: 2.5em;
list-style-type: none;
display:inline;
padding: 0 2.0em;
line-height: 2.6em;
}


a 
{
text-decoration:none;
}

a:link
{

text-decoration:none;
color:#ffffff;
}

a:visited
{
color:#ffffff;
}

ph

 

[EndOfGreen]

Ich würde mal sagen, dass dein padding das verhindert.
Eine Lösung fällt mir jetzt aber nicht ein. :-?

 

[Corraggiouno]

ich habe jetzt mal nur padding links und rechts definiert......................

li
{
background: url(../images/abgrenzung.png) no-repeat;
height: 2.5em;
list-style-type: none;
display:inline;
padding-left: 2.0em;
padding-right: 2.0em;
line-height: 2.6em;
}

.......normalerweise müsste doch jetzt eigentlich die Abgrenzung "Graphik" in voller Länge erscheinen; leider ist dies nicht der Fall
Hat für mich niemand einen Tipp?