Se que el titulo es poco representativo del tema, pero realmente es muuuy extraño.
En la web (basada en joomla) existe un menu configurado con el siguiente código css:
Código:
#rt-main ul.menu li a {
cursor: pointer;
display: block;
font-size: 12px;
line-height: 1.7em;
padding-bottom: 4px;
padding-left: 0;
padding-right: 0;
padding-top: 4px;
width: 100%;
}
y el siguiente en html:
Código:
<ul class="menu">
<li class="item85">
<a href="/datta/index.php/inte-online.html">
<img align="left" alt="intelesis-online" src="/datta/images/stories/ictv.png">
<span>Inte</span>
</a>
</li></ul>
Corriendo en el servidor local (xampp) funciona perfectamente, pero en el servidor remoto modifica el comportamiento del item (desaparece el icono y se sombrea el itém con gris claro).
Inspeccionando con firebug descubri que aparece el siguiente código CSS (sin ninguna referencia de archivo CSS y/o línea):
Código:
element.style {
background-attachment: scroll;
background-clip: border-box;
background-color: #EEEEEE;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
y el siguiente lo en el HTML
Código:
<ul class="menu">
<li id="current" class="active item85" style="position: relative;">
<a href="/index.php/inte-online.html" style="position: relative;">
<img align="left" alt="inte-online" src="/images/stories/ictv-.png">
<span>Intelexis</span>
<strong style="opacity: 0; background: none repeat scroll 0% 0% rgb(238, 238, 238); display: block; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px;"> </strong>
</a>
</li></ul>
Revise toda la web y no tengo ni rastros de un código CSS similar, no se donde se genera...
Alguna sugerencia o idea...???
Gracias!!!!