Hola estoy haciendo este menu.
En firefox no da problemas pero IE
en ocasiones solo se activa cuando se quita el raton del link.
Este es el codigo y css.
#menugaleria {
height: 24px;
font: normal bold normal 9pt 'Arial';
}
#menugaleria a {
width:100px;
font-weight: bold;
background: #e5e5e5 url(images-menco/pic-logo.png) no-repeat center left; /*color gris circulo*/;
display: block;
float: left;
margin:0 0 0 3px;
text-align:center;
line-height:24px;
text-decoration: none;
color:#999;
}
#menugaleria a em {
display:none;
}
#menugaleria a:active, #menugaleria a:focus {
background: #f3f3f3 url(images-menco/pic-logo2.png) no-repeat center right; /*color gris circulo*/
border:1px thick #dfdfdf;
line-height:24px;
color: #999;
}
#menugaleria a:active em, #menugaleria a:focus em { display:block; position:absolute; top:50px; left:10px; color:#555; width:400px; height:400px; background:#999; font-style:normal;
}
.clear {clear:both;}
</style>
</head>
<body>
<div id="menugaleria">
<a id="menugaleria" href="#nogo">Jenny
<em>JENNY<br />
Links con sus imagenes
</em></a>
<a id="menugaleria" href="#nogo">Machismo
<em>MACHISMO<br />
Links con sus imagenes
</em></a>
<a id="menugaleria" href="#nogo">Rocio
<em>ROCIO,<br />
Links con sus imagenes
</em></a>
<a id="menugaleria" href="#nogo">Romantica
<em>ROMANTICA<br />
Links con sus imagenes
</em></a>
<a id="menugaleria" href="#nogo">Velas
<em>VELAS<br />
Links con sus imagenes
</em></a>
<a id="menugaleria" href="#nogo">Alimentos
<em>ALIMENTOS<br />
Links con sus imagenes
</em></a>
</div>