Estou desenvolvendo um menu drop-down em css ate ai tudo bem.
Testei em todos os browser e todos funcionam menos o Iternet Explorer 8 não consigo descobrir o que tem erro.
Ja tentei algumas soluções localizadas na internet mais nada funcionou se alguem poder me ajudar agradeco.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="estilo.css" rel="stylesheet" type="text/css"/>
<!--[if IE 6]>
<link href="menui6.css" rel="stylesheet" type="text/css"/>
<![endif]-->
</head>
<body>
<div id="topo">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Quem Somos</a></li>
<li><a href="#">Serviços</a>
<ul>
<li><a href="#">Grafica</a></li>
<li><a href="#">Consultoria</a></li>
<li><a href="#">Manutenção</a></li>
</ul>
</li>
<li><a href="#">Produtos</a>
<ul>
<li><a href="#">Site</a></li>
<li><a href="#">Hospedagem</a></li>
<li><a href="#">Desktop</a></li>
</ul>
</li>
<li><a href="#">Serviços</a></li>
</ul>
<div id="centro">
</div>
</div
><div id="rodape">
</div>
</body>
</html>
position:relative;
float:left;
}
ul#menu li a{
display:block;
float:left;
padding: 0 15px;
height:30px;
line-height:25px;
background:url(imagens/fundo_bt.jpg);
color:#000000;
font-weight:bold;
text-decoration:none;
}
ul#menu li a:hover{
background:url(imagens/fundo_bt_click.jpg) repeat-x;
}
ul#menu li ul{
opacity:0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.5;
filter: alpha(opacity=70);
display:none;
position:absolute;
top:30px;
left:0;
}
ul#menu li:hover ul,
ul#menu li.hover ul{
display:block;
}
ul#menu li ul a{
width:120px;
border-bottom:1px solid #999999;
}
ul#menu li ul li{
float:none;
clear:both;
}
ul#menu li ul li a{
float:none;
}
#topo{
height:150px;
background:url(imagens/topo.jpg) repeat-x;
}
#rodape{
margin:429.9px 0 0 0;
height:25px;
background:url(imagens/rodape.jpg) repeat-x;
}
#centro{
margin:30px 50px 0 200px;
width:900px;
height:430px;
background-image:url(imagens/foto.jpg);
}
[/code]
Ja colocquei a transparencia no menu e esta funcionando só nao funciona no IE8 se alguem conseguir me ajudar agradeco.
Este é meu CSS
[code]
