"El codigo expuesto soluciona el problema...al final voy a aprender y todo!!"
Pues va a ser q aun tengo una ultima duda. El resultado con vuestras indicaciones es el correcto pero no no se como hacer para el resto de botones, cuando introduzco el codigo para el siguiente boton, en este caso ".serv", el resultado es q el boton "servicios" aparece duplicado y desaparece el de "empresa"...como hago?
<style type="text/css">
.menu a {
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:65px;
height:14px;
}
.menu a{ background: url(images/verde-empresa.gif); }
.menu a:hover{ background: url(images/negro-empresa.gif); }
.menu a:active {background: url(images/negro-empresa.gif);}
.serv a {
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:75px;
height:14px;
}
.serv a{ background: url(images/verde-servicios.gif); }
.serv a:hover{ background: url(images/negro-servicios.gif); }
.serv a:active {background: url(images/negro-servicios.gif);}
</style>
<div class="menu">
<a href="javascript
:loadintoIframe('myframe', 'empresa.html')" style="text-decoration: none"></a></div>
<div class="serv">
<a href="javascript
:loadintoIframe('myframe', 'servicios.html')" style="text-decoration: none"></a></div>
Gracias de nuevo