Aquí te dejo el código del menú:
Código HTML:
<div>
<ul class="menusup">
<li><a href="web"><b>Inicio</b></a>
</li>
<li id="menu-cat"><a href="#"><b>Categorias</b></a>
</li>
<li><a href="web"><b>Mis themes</b></a>
</li>
<li><a href="web"><b>Enviar theme</b></a>
</li>
<li><a href="web"><b>Búsqueda</b></a>
</li>
<li><a href="web"><b>Foro</b></a>
</li>
<li><a href="web"><b>Contacto</b></a>
</li>
</ul>
<ul id="menu-categorias">
<li><a href="web">Abstractos</a></li>
<li><a href="web">Animales</a></li>
<li><a href="web">Anime</a></li>
<li><a href="web">Juegos</a></li>
<li><a href="web">Música</a></li>
<li><a href="web">Naturaleza</a></li>
<li><a href="web">Television</a></li>
<li><a href="web">3D</a></li>
<li><a href="web">PCs y consolas</a></li>
<li style="border-bottom:0px"><a href="web">Otros</a></li>
</ul>
</div>
<div>
<script type="text/javascript">
at_attach("menu-cat", "menu-categorias", "hover", "y");
</script>
</div>
La imagen de fondo que uso cuando paso el mouse por encima pesa 2'89 kb y se reduce a la medida que toque automáticamente, dependiendo de la longitud de la sección del menú. Es esta:
¿Lo dices porque algo te extrañe del código?
Un saludo.