menu con fondo repetido horizontal y vertical

[sebacomas]

PIDO DISCULPAS ACA VA el css:

Código CSS:

#menu{
width:850px;
height:30px;
border:0px solid #000000;
clear:both;
float:right;
 
 
}
 
#menu ul{
list-style:none;
display:inline;
 
 
}
 
#menu ul li{
float:left;
}
 
#menu ul li a:link{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
 
#menu ul li ul li a:link{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
 
 
#menu ul li ul{
list-style:none;
font-size:14px;
padding-top:-10px;
width:auto;
 
}
 
#menu ul li ul li{
width:auto;
height:auto;
float:left;
}
 
#menu ul li ul #fondo-superior-izq{
width:15px;
height:29px;
float:left;
background-image:url(../img/menu-sup-izq.png);
background-repeat:no-repeat;
}
 
#menu ul li ul #fondo-superior-derecho{
width:16px;
height:29px;
float:right;
background-image:url(../img/menu-sup-derecha.png);
background-repeat:no-repeat;
}
 
#menu ul li ul #fondo-medio{
width:auto;
height:auto;
border:0px solid #FF0000;
background-image:url(../img/menu-medio.png);
background-repeat:repeat;
}
 
#menu ul li ul #fondo-inferior-derecho{
width:16px;
height:16px;
float:right;
background-image:url(../img/menu-inferior-derecha.png);
background-repeat:no-repeat;
}
 
#menu ul li ul #fondo-inferior-izq{
width:19px;
height:16px;
background-image:url(../img/menu-inferior-izq.png);
background-repeat:no-repeat;
float:left;
}