Problemas con menu en IE y Opera

[veeeeck]

Buenas tardes a todos, tengo un problema con solo IE (que raaaaaaro!) y Opera los cuales me aparecen algunos li transparentes a lo que se despliega un Menu. Alguna ayuda o sugerencia?. De Antemano Gracias!

[pitufoweb]

Iniciado por veeeeck

Alguna ayuda o sugerencia?.

Pon el link de tu web para ver donde esta el error .



Saludos

[veeeeck]

Iniciado por pitufoweb

Pon el link de tu web para ver donde esta el error .



Saludos

No puedo compartir mi web, ya que no puedo abrir los puertos de mi router en este momento. Pero he revisado mi css y no encuentro el error :(

Código CSS:

#main-menu-wrap{width:100%;background-color:white;}
 
#main-menu{
font-size: 12px;
width:1000px;
background:#333333;
padding-left:0px;
border-bottom:1px solid #fff;
}
 
#main-menu a {
display: block;
}
 
#main-menu ul {
margin: 0; 
padding: 0px 6px 0px 0px; 
line-height: 100%; 
font: normal 12px Arial, Helvetica, sans-serif; }
 
#main-menu li {
margin: 0 0px;
float: left;
position: relative;
list-style: none;
width:100px;
text-align:center;
 
 }
 
#main-menu a,
#main-menu a:link {
font-weight: bold; 
color: #cdcdcd; 
text-decoration: none; 
display: block; 
padding: 12px 0px 12px 0px;
margin: 0; 
border-right:1px solid #666666;
}
 
#main-menu ul li li a:link {
font-weight: bold; 
color: #fff; 
text-decoration: none; 
display: block; 
padding: 8px 0px 8px 10px;
margin: 0; 
background:#4f4f4f; 
}
 
#main-menu a:hover {
background: #4f4f4f; 
color: #fff;}
 
#main-menu .active a, 
#main-menu li:hover > a {
background:#4f4f4f;
color: #fff; 
 }
 
#main-menu li:hover li a {
font-size:12px;
border: none; 
color: #fff; 
}
 
#main-menu ul  li:hover li a {
font-size:12px;
border: none; 
color: #cdcdcd; 
}
 
#main-menu ul ul a:hover {
background:  #666666 !important;
color: #fff !important;background-color:red; }
 
#main-menu li:hover > ul {display: block;}
 
#main-menu ul ul {
display: none; 
margin: 0; 
padding: 0; 
width: 185px; 
z-index: 60;
position: absolute; 
top: 38px; 
background: transparent;}
 
#main-menu ul ul ul {
display: none; 
margin: 0; 
padding: 0; 
width: 185px; 
z-index: 60;
position: absolute; 
left: 181px; 
top:0px;
background: transparent;
} 
#main-menu ul ul li {float: none; margin: 0;padding: 0px 0px 0px 0px; border-bottom: 1px solid #666666;border-right:1px solid #333333;border-left:1px solid #333333; width:180px;text-align:left;}
#main-menu ul ul ul li {float: none; margin: 0; padding: 0px 0px 0px 0px; border-top:1px solid #666666;width:180px;text-align:left;}
#main-menu ul ul a {font-weight: normal; }
#main-menu ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html #main-menu  ul {height: 1%;}
 

[pitufoweb]

Hola,

También necesitas poner el código HTML.

P.D. Podrías usar un servicio como http://jsfiddle.net/ Así seria mucho mas fácil y rápido ayudarte.


Saludos