con este le cambie el tamaño
Código CSS :
/* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0; padding: 1%; list-style-type: none; font-size: 100%; position: relative; text-align: center; cursor: pointer; width: 14%; float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 112%; position: absolute; left: -1000em; }
este para los submenus dentro de submenus
Código CSS :
ul.MenuBarHorizontal ul li { width: 112%; }
en este inserto las imagenes y tambien cambio el tamaño
Código CSS :
/* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; padding: 0.5em 0.75em; color: #06F; background-image: url(Botones/Boton.png); width: 100%; height: 100%; text-decoration: none; background-color: #09F; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #33C; color: #FFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { color: #09F; background-image: url(Botones/Boton_Hover.png); background-color: #09F; }
lo que busco es que la imagen se adapte al tamaño de cada menu
gracias espero su respuesta