fiz uma galeria de fotos, para quando o usuário passar o mouse sobre a imagem, ela aparecer... no FF ela funciona, mas no IE não... vejam o cod...
#conteudoProducao{ position:absolute; background:#339900; float:left; left:230px; top:20px; width:500px; height:400px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#FFFFFF; font-size:10px; overflow:auto; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); border: 2px solid #FFFFFF; } #thumbs{ background:#333333; width:140px; height:350px; float:left; overflow:auto; padding:5px; margin:0; } #thumbs li img{ border:1px dashed #FFFFFF; width:100px;; height:66.6px; padding:5px; margin:5px; } #thumbs li a span{ display:none; } #thumbs li a:hover span{ display:block; left:150px; width:100px; height:auto; position:absolute; } #thumbs li a:hover span img{ width:280px; height:auto; position:fixed; margin:0; left:670px; top:85px; } #thumbs li a:hover span.legenda{ width:280px; height:auto; left:670px; position:fixed; padding:5px; text-align:center; font-weight:bold; top:380px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
e o arquivo
<div id="conteudoProducao"> <h1 class="titulo">.: Produção da Cachaça</h1> <p> <ul id="thumbs"> <? $sql = "SELECT * FROM galeria;"; $busca = buscaDB($sql); while($foto = mysql_fetch_row($busca)){ ?> <li> <a href="#"> <img src="../<?= $foto[1];?>" alt="" /> <span> <img src="../<?= $foto[1];?>" alt="" /> <span class="legenda"> <?= $foto[2];?> </span> </span> </a> </li> <? } ?> </ul> </p> </div>
O link para visualizar é esse.
Vlw.