Css sluit niet aan

Ik heb

#cbs h1 {
	background: url('menu/top_menu.gif') no-repeat top left;
	height: 37px;
	font: 18px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #402810;
	font-weight: bold;
	padding: 6px 0px 0px 10px;
}


#menu_background {
	z-index: 1;
	background: #dbd2b7 url('menu/bottom_menu.gif') no-repeat bottom left;
	padding: 10px 10px 18px 10px;
	margin-bottom: 10px;
}

De bedoeling is dat de top en het bottom plaatje exact op elkaar aansluiten (top direct boven de bottom zonder enters ertussen) maar op de een of andere manier krijg ik het niet voor elkaar.

Dit is hoe ik het oproep

<h1>Naam</h1>
<div id="menu_background">

Iemand enig idee hoe ik dit voor elkaar kan krijgen?

Morge Axl

Een voorbeeldje heb ik niet, draai alles momenteel lokaal. Maar het is in feite een zwart blok bovenaan en een witte onderaan. Deze moeten aan elkaar zitten zonder enige ruimte ertussen (wat het nu dus niet doet)

EDIT: opgelost met

margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0px;