mira, de momento lo que se me ocurre es esto, a ver si te sirve, utilize una imagen del tamñao de la tuya:
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> body{background-color:#990000;}
.menu{width:100%; text-align:center;}
.menu ul{list-style:none}
.menu ul li{display:inline; padding:5px 10px;font-weight:bold;font-size:12px; font-family:Tahoma, Arial, "Headache";}
.menu a{padding:33px; color:#FFF; width:120px; text-decoration:none;background:url(imagenes/dot.jpg) no-repeat 0px;font-weight:bold;font-size:12px; font-family:Tahoma, Arial, "Headache";}
.menu a:hover,.menu a:focus,.menu a:active{padding:33px; color:#000; text-decoration:underline;background:url(imagenes/dot.jpg) no-repeat 0;}
<li><a href="#">menu 1
</a></li> <li><a href="#">menu 2
</a></li> <li><a href="#">menu 3
</a></li>
quizás debas poner algunas medidas pero no creo