[css] obrazek przylegający do menu, usunięcie odstepów Opcje

[kononowicz]

mam kod mojego menu na stronie:

[HTML] pobierz, plaintext 
<div id="nawigacja"> <br>
  <dl id="menu0">
    <dt><img src="images/up.jpg"></dt>
    <dt><a href="#">firma >></a></dt>
    <dd><a href="index.php?view=onas">o nas</a></dd>
    <dd><a href="index.php?view=galeria">galeria zdjęć</a></dd>
    <dd><a href="index.php?view=filie">filie</a></dd>
    <dd><a href="index.php?view=formy">formy płatności</a></dd>
</dl>
</div>
[HTML] pobierz, plaintext 

Jak mogę usunąć odstęp miedzy jpgiem a menu?? zeby gorna czesc menu (czyli ten jpg) przylegała do menu i tworzyła jakby jedną całość jeden obrazek gorny dodałem w kodzie html a dolny w cssie bo to jest menu rozwijane a poza tym nie wiem jak zdefiniowac dwa jpgi w cssie jako dol i gora...

wklejam czesc stylu nawigacji

[HTML] pobierz, plaintext 
#nawigacja {
position : absolute;
top : 122px;
left : 0;
width : 180px;
background-image : url(images/down.jpg);
background-repeat : no-repeat;
background-position : left bottom;
}
/*
#nawigacja img {
position : absolute;
}  próbowałem tak ale nie daje dobrego efektu */ 
 
#nawigacja dd {
margin : 0;
padding : 0;
margin-left : 10px;
border : none;
font-size : 80%;
width : 168px;
border-bottom : 1px solid #1b5171;
}
#nawigacja dt {
width : 180px;
margin : 0;
padding : 0;
font-size : 80%;
vertical-align : bottom;
}
 
//dalej mam styl linków nawigacji ...
[HTML] pobierz, plaintext