no FF funciona legal,
é um menu dropdown, que no IE6 insiste em ficar atras da div de conteúdo
quando exibido ele vai pra tras da div de conteudo
já no FireFox ele exibe normalmente...
se alguem puder ajudar ficarei agradecido isso ta quebrando minha cabeça
abaixo o css da class do menu que criei
CSS
.menu { margin: 0 auto;
padding: 0 0 0 12px}
.menu ul { margin: 0 auto;
padding: 0px}
.menu li
{ float: left;
list-style: none;
font: 11px verdana;
padding:0;
margin:1px;}
.menu li a
{
font:11px Arial, verdana;
display: block;
background: url(../img/bt-menu.png) repeat-x;
padding: 10px 20px;
text-decoration: none;
width: auto;
color: #EAFFED;
white-space: nowrap;
height:auto;}
.menu li a:hover
{
color: #EAFFED;
background: url(../img/bt-menu-h.png) repeat-x;}
.menu li a:visited
{
color: #EAFFED;}
.menu li ul
{
margin: 3px 0 0 0;
padding: 0;
position: absolute;
visibility: hidden;
}
.menu li ul li
{
float: none;
display: inline;
margin: 0;
padding: 0;}
.menu li ul li a
{
font:11px Arial, verdana;
text-align:left;
border:1px solid white;
width: auto;
padding: 5px 20px;
background: url(../img/bt-menu.png) repeat-x;
margin:0;}
.menu li ul li a:hover
{ background: url(../img/bt-menu-h.png) repeat-x;}
#container {
clear:both;
padding:0;
margin:0 auto;
width:auto;
height:auto;
text-align:center;
}
Aqui vai o código do script
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}
$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open)
$('#jsddm > li').bind('mouseout', jsddm_timer)});
document.onclick = jsddm_close;
</script>
Ja agradeço desde já quem puder me ajudar !!
