Menu problem

I have a menu at the left sidebar of my page.
So I want at the top of this menu to set an image.
So I have tis code

<ul><li id="menutittle">menu </li>	
<li><a href="#">Home</a></li>
<li><a href="#">Company</a></li>
...</ul>

and I set the css for menutittle

 #sidebar #menutittle
 #sidebar #menutittle
{
background:  url(images/menu.png) no-repeat ;
border: none;
	color: #FFFFFF;
	 overflow:hidden;
}

But now the id menutittle is some pixels up to the other li elements.
How can I set this element exactly up to the other elements?

I set this anr it worked

 padding-bottom:-8.5px;
 margin-bottom:-8.5px;