<div id="menu">
<li><div id="borderbgmenu"></div></li>
<li><a href="/index.php">Главная</a></li>
<li><div id="borderbgmenu"></div></li>
<li><a href="/index.php">Главная</a></li>  
<li><div id="borderbgmenu"></div></li>
<li><a href="/index.php">Главная</a></li>
<li><div id="borderbgmenu"></div></li>
<li><a href="/index.php">Главная</a></li>
<li><div id="borderbgmenu"></div></li>
</div>

#menu {
    background-image:url(../images/menubg.png);
    background-repeat:repeat-x;
    width:100%;
    height:27px;
    overflow:hidden;
}
#menu li {
font-weight:bold;
float: left;
width:auto;
font-size:11px;
list-style-type: none;
list-style-position: outside;
margin: 0 0 0 0;
height:27px;
}
#bgmenuleft {
    background-image:url(../images/menubgleft.png);
    background-repeat:no-repeat;
    width:10px;
    height:27px;
}
#menu a:link {
text-decoration: none;
color: #ffffff;
display: block;
text-align: center;
padding: 10px 15px 1px 15px;
height:27px;
}
#menu a:visited {
text-decoration: none;
color: #ffffff;
display: block;
text-align: center;
padding: 10px 15px 1px 15px;
height:27px;
}
#menu a:hover {
text-decoration: none;
color: #ffffff;
display: block;
text-align: center;
padding: 10px 15px 1px 15px;
background-image:url(../images/menubg_h.png);
height:27px;
}

<li><div id="borderbgmenu"></div></li>