hola, tengo un menu que al pasar el raton sobre la imagen, se sombrea todo el contenido, podeis verla aqui, brossa.eshost.es, se ve bien en todos los navegadores menos en internet explorer, que se descuadran todos los cuadrados y no se como solucionarlo, pongo el codigo php y el css, si es necesario pego el script
Código PHP:
<?php
/*
Template Name: principal*/
?>
<title>Aliter | Cocktail and vip events </title>
<script type="text/javascript" src="http://localhost/aliter/wp-content/themes/eNews/files/jquery.js"></script>
<script type="text/javascript" src="http://localhost/aliter/wp-content/themes/eNews/files/akscript.js"></script>
<meta name="generator" content="WordPress 3.2">
<link rel="stylesheet" type="text/css" media="all" href="http://localhost/aliter/wp-content/themes/eNews/files/style.css">
<body class="home blog" onclick="if(stWidget.buttonClicked==false){stWidget.stopClosing=false;stWidget.openDuration=0;stWidget.stClose(100);}">
<style type="text/css">
body {background: url(http://localhost/aliter/wp-content/themes/eNews/files/background_img.png) repeat-x left top;}
</style>
<div id="body-wrapper">
<div id="container"> <script type="text/javascript">
$j(document).ready(function(){
var fwItems = new Array();
var boxs = new Array();
var boxActive = new Array();
for($n=0;$n<13;$n++){
boxs[$n] = $j("#lp-rollover-box-"+$n);
boxs[$n].css({ opacity: 0 });
}
for($a=0;$a<7;$a++){
boxActive[$a] = $j("#lp-rollover-boxactive-"+$a);
boxActive[$a].css({ opacity: 0 });
}
$j(".lp-rollover-boxactive").hover(
function(){
for(var i in boxs) {
boxs[i].stop(true, false).fadeTo(250, 0.7)
}
for(var i in boxActive) {
if(boxActive[i].attr('id')!=$j(this).attr('id')){
boxActive[i].stop(true, false).fadeTo(250, 0.7)
}
}
},
function(){
for(var i in boxs) {
boxs[i].stop(true, false).fadeTo(250, 0)
}
for(var i in boxActive) {
boxActive[i].stop(true, false).fadeTo(250, 0)
}
}
)
boxActive[0].delay(1000).fadeTo(500, .7).fadeTo(1000, 0);
boxActive[1].delay(1300).fadeTo(500, .7).fadeTo(1000, 0);
boxActive[2].delay(1600).fadeTo(500, .7).fadeTo(1000, 0);
boxActive[4].delay(2200).fadeTo(500, .7).fadeTo(1000, 0);
boxActive[5].delay(2500).fadeTo(500, .7).fadeTo(1000, 0);
boxActive[6].delay(2800).fadeTo(500, .7).fadeTo(1000, 0);
})
</script>
<ul id="lp-rollover">
<a href="http://localhost/aliter/?page_id=7/">
<li id="lp-rollover-boxactive-0" class="lp-rollover-boxVert lp-rollover-boxactive" style="opacity: 0; ">
<ul class="lp-rollover-inner">
<li class="lp-rollover-box row-end"></li>
<li class="lp-rollover-box row-end"></li>
</ul>
</li>
</a>
<li id="lp-rollover-box-0" class="lp-rollover-box" style="opacity: 0; "></li>
<li id="lp-rollover-box-1" class="lp-rollover-box" style="opacity: 0; "></li>
<li id="lp-rollover-box-2" class="lp-rollover-box" style="opacity: 0; "></li>
<a href="http://localhost/aliter/?page_id=10/">
<li id="lp-rollover-boxactive-1" class="lp-rollover-box lp-rollover-boxactive" style="opacity: 0; "></li>
</a>
<li id="lp-rollover-box-logo" class="lp-rollover-boxLogo"></li>
<li id="lp-rollover-box-3" class="lp-rollover-box" style="opacity: 0; "></li>
<a href="http://localhost/aliter/?page_id=2/">
<li id="lp-rollover-boxactive-2" class="lp-rollover-boxHoriz lp-rollover-boxactive" style="opacity: 0; ">
<ul class="lp-rollover-inner">
<li class="lp-rollover-box"></li>
<li class="lp-rollover-box row-end"></li>
</ul>
</li>
</a>
<li id="lp-rollover-box-4" class="lp-rollover-box" style="opacity: 0; "></li>
<li id="lp-rollover-box-5" class="lp-rollover-box" style="opacity: 0; "></li>
<li id="lp-rollover-box-6" class="lp-rollover-box row-end" style="opacity: 0; "></li>
<li id="lp-rollover-box-7" class="lp-rollover-box" style="opacity: 0; "></li>
<li id="lp-rollover-box-8" class="lp-rollover-box" style="opacity: 0; "></li>
<a href="http://localhost/aliter/?page_id=2222/">
<li id="lp-rollover-boxactive-3" class="lp-rollover-boxVert lp-rollover-boxactive" style="opacity: 1; ">
<ul class="lp-rollover-inner">
<li class="lp-rollover-box row-end"></li>
<li class="lp-rollover-box row-end"></li>
</ul>
</li>
</a>
<a href="http://localhost/aliter/?page_id=7/" id="btn-menu06">
<li id="lp-rollover-boxactive-4" class="lp-rollover-boxHoriz lp-rollover-boxactive" style="opacity: 0; ">
<ul class="lp-rollover-inner">
<li class="lp-rollover-box"></li>
<li class="lp-rollover-box row-end"></li>
</ul>
</li>
</a>
<li id="lp-rollover-box-9" class="lp-rollover-box" style="opacity: 0; "></li>
<li id="lp-rollover-box-10" class="lp-rollover-box" style="opacity: 0; "></li>
<a href="http://localhost/aliter/?page_id=10/" id="btn-menu05">
<li id="lp-rollover-boxactive-5" class="lp-rollover-boxHoriz row-end lp-rollover-boxactive" style="opacity: 0; ">
<ul class="lp-rollover-inner">
<li class="lp-rollover-box"></li>
<li class="lp-rollover-box row-end"></li>
</ul>
</li>
</a>
<li id="lp-rollover-box-11" class="lp-rollover-box" style="opacity: 0; "></li>
<a href="http://localhost/aliter/?page_id=13/" id="btn-menu07">
<li id="lp-rollover-boxactive-6" class="lp-rollover-boxHoriz lp-rollover-boxactive" style="opacity: 0; ">
<ul class="lp-rollover-inner">
<li class="lp-rollover-box"></li>
<li class="lp-rollover-box row-end"></li>
</ul>
</li>
</a>
<li id="lp-rollover-box-12" class="lp-rollover-box row-end" style="opacity: 0; "></li>
</ul>
<ul id="bucket-list">
<img src="http://localhost/aliter/wp-content/themes/eNews/files/lp_image.jpg">
</ul>
<div id="lp-mainnav-area">
<ul id="main-nav">
<li class="page_item page-item-136"><a href="http://localhost/aliter/?page_id=29/" title="vip events">Vip Events</a></li>
<li class="page_item page-item-26"><a href="http://localhost/aliter/?page_id=23/" title="Celebraciones">Celebraciones</a></li>
<li class="page_item page-item-28"><a href="http://localhost/aliter/?page_id=21/" title="Cocktail">Cocktail</a></li>
<li class="page_item page-item-30"><a href="http://localhost/aliter/?page_id=19/" title="Espacio">Espacio</a></li>
<li class="page_item page-item-32"><a href="http://localhost/aliter/?page_id=25/" title="Nuestra Cocina">Nuestra Cocina</a></li>
<li class="page_item page-item-2"><a href="http://localhost/aliter/?page_id=9/" title="Conocenos">Conocenos</a></li>
</ul></div>
</div></div>
</body>
</html>