De qué manera puedo hacer que un div de los que se usa como tooltip quede por delante de los combos? Esto solo ocurre en IE... pero es una verdadera lástima que se use tanto... Les agradezco cualquier ayuda.
He aquí mi script:
Código PHP:
<head>
<title>Untitled Document</title>
<script language="javascript">
function mover(evt) {
mouseX = evt.pageX ? evt.pageX : evt.clientX;
mouseY = evt.pageY ? evt.pageY : evt.clientY;
document.getElementById('contenido').style.left = mouseX + 10;
document.getElementById('contenido').style.top = mouseY + 20;
}
function ver(evt, elemento) {
var combo = elemento;
var indice = combo.selectedIndex;
document.getElementById('contenido').style.visibility = "visible";
if (indice != -1)
document.getElementById('contenido').innerHTML = " > " + combo[indice].text;
}
function detener() {
document.getElementById('contenido').style.visibility = "hidden";
}
</script>
</head>
<body>
<select size="4" style="width:200px;" onmousemove="mover(event)" onmouseover="ver(event, this)" onmouseout="detener()" >
<option value="1">UNO UNO UNO UNO UNO UNO UNO UNO UNO UNO</option>
<option value="2">DOS DOS DOS DOS DOS DOS DOS DOS DOS DOS DOS</option>
</select> <br>
<div id="contenido" style="position : absolute; width : 300px;
background : #FFFFFF; border : 1px solid #000000;
font-family : arial; font-size: 8pt;
visibility : hidden; filter: alpha(opacity = 70); opacity: 0.70;"></div>
</body>
</html>