pues la verdad es que es extraño... quizá el problema sea el
direction:rtl;. pero no tiene sentido que a mí me funcione y a ti no (al menos en el gc). no sé si tendrá algo que ver, pero comprueba la configuración del navegador para que permita "cosas especiales" en la página. comprueba también la versión, ya que un navegador desactualizado puede dar este tipo de problemas.
como último recurso, yo cambiaría el código de la siguiente forma:
·en primer lugar, pon todos los
div con un
id, en vez de con un
class. obviamente, tendrás que asociarle a cada
div un
css diferente. te cuento esto porque hace tiempo estaba haciendo una página y en un navegador no me funcionaba un efecto
hover que tenía asociado al
css con un
class. pero cuando lo cambié al
id, me iba perfecto. puede que parezca una tontería, pero me solucionó el problema. por ejemplo, si tienes:
Código PHP:
<style type="text/css">
.menú {
propiedad-1:X;
propiedad-2:X;
propiedad-3:X;
}
</style>
<div class="menú">1</div>
<div class="menú">2</div>
<div class="menú">3</div>
<div class="menú">4</div>
deberías poner:
Código PHP:
<style type="text/css">
#menú1 {
propiedad-1:X;
propiedad-2:X;
propiedad-3:X;
}
#menú2 {
propiedad-1:X;
propiedad-2:X;
propiedad-3:X;
}
#menú3 {
propiedad-1:X;
propiedad-2:X;
propiedad-3:X;
}
#menú4 {
propiedad-1:X;
propiedad-2:X;
propiedad-3:X;
}
</style>
<div id="menú1">1</div>
<div id="menú2">2</div>
<div id="menú3">3</div>
<div id="menú4">4</div>
·si ése no es el problema, prueba a posicionar el submenú con unas coordenadas, en vez de especificar hacia qué lado mostrarse.