Bueno, me alegro de que lo hayas resuelto.
Creo que nos ha costado entendernos: si cuando te pregunto que por qué quieres poner la imagen insertada me contestas que es porque el botón activo no quieres que sea un vínculo, hubiera sido mucho más fácil.
En realidad es muy sencillo: simplemente, haz que el botón del li activo sea el fondo de otro elemento, no de un link.
Cambias esta clase:
#menu li span.activo { width: 217px;
height: 54px;
display: block;
position: relative;
background-image: url(boton.jpg);
background-repeat: no-repeat;
}
y luego en tu lista pones esto:
<ul id="menu">
<li><span class="activo" href="pagina1.html"></span></li>
<li><a href="pagina2.html"> </a></li>
<li><a href="pagina3.html"> </a></li>
<li><a href="pagina4.html"> </a></li>
</ul>
Y resuelto de una forma muy limpia. Puedes verlo aquí.
http://www.menoslobos.com/mikel/foro...a/pagina1.html
Le echas un vistazo si te apetece. Ondo pasa.
Mikel.