No entendí bien que es lo que quieres hacer... pero si es lo de el resultado se hace...
Sube la imágen que estas usando para recortarla o hazlo tu, corta una parte de la imagen para usarla con repeat-x.
En html:
			<div class="menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
					<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
				</ul>
			</div>
En CSS:
.menu ul {
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.menu li {
	background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
	padding: 5px 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-right: 3px;
}
.menu ul a:link {
	color: #000000;
	text-decoration: none;
}
.menu ul a:visited {
	color: #000000;
	text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
	color: #ffffff;
	text-decoration: none;
}
Resultado:
[Imagen: dibujocdy.png]