bueno retomo el tema que lo había dejado de lado un tiempo , resulta que el problema no es de css si no de iframe y la forma de cargar el documento hijo , en firefox no me muestra la lista , solo me pasa en este navegador , espero me podais ayudar a dar con el error .
Codigo html completo :
Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>AMSspecialistFiles!</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="description" content="AMS Eixamples Site"/>
<meta name="keywords" content="ams,amsspecialist,Autoplay Media Studio,rafaxplayer,ejemplos ams"/>
<meta name="author" content="amsspecialist.com"/>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<script type="text/javascript">
//<![CDATA[
window.__CF=window.__CF||{};window.__CF.AJS={"ga_key":{"ua":"UA-34961815-1","ga_bs":"2"}};
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) { var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",mirage:{responsive:0,lazy:0},oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/aav=1870252173/"},atok:"3bb0be5ff1557787de2d4f435a5f81ca",zone:"amsspecialist.com",rocket:"a",apps:{"ga_key":{"ua":"UA-34961815-1","ga_bs":"2"}}}];document.write('<script type="text/javascript" src="//ajax.cloudflare.com/cdn-cgi/nexp/aav=4114775854/cloudflare.min.js"><'+'\/script>')}}catch(e){};
//]]>
</script>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script data-rocketsrc="js/cufon-yui.js" type="text/rocketscript"></script>
<script data-rocketsrc="js/cufon-replace.js" type="text/rocketscript"></script>
<script data-rocketsrc="js/Myriad_Pro_300.font.js" type="text/rocketscript"></script>
<script type="text/rocketscript" data-rocketsrc="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/rocketscript" data-rocketsrc="js/jquery.iframe-auto-height.plugin.js"></script>
<script type="text/rocketscript" data-rocketsrc="js/Librerias.js"></script>
<link rel="stylesheet" href="apprise.css" type="text/css"/>
<script type="text/rocketscript">
var opacity = true;
</script>
<!--[if IE]><script type="text/javascript">
var opacity = false;</script>
<![endif]-->
<script type="text/rocketscript">
function itemclass(){
var curpage ="Objects.php";
if(curpage =="recent.php"){
$('#item2 a').addClass('active');
$('#item1 a,#item3 a').removeClass('active');
}else if(curpage =="about-us.html"){
$('#item3 a').addClass('active');
$('#item1 a,#item2 a').removeClass('active');
}else{$('#item1 a').addClass('active');
$('#item2 a,#item3 a').removeClass('active');}
}
function changeclass(id){
$('a').removeClass('active');
if(id =="item2"){
$('#item2 a').addClass('active');
//$('#item3 a').removeClass('active');
}else if(id =="item3"){
$('#item3 a').addClass('active');
//$('#item2 a').removeClass('active');
}
}
$(document).ready(function(){
$("#navigation img").hover(function(){
if(opacity)
{
$(this).stop().animate({opacity: 0.75, marginTop: -10}, 400);
} else {
$(this).stop().animate({marginTop: -10}, 400);
}
},function(){
if(opacity)
{
$(this).stop().animate({opacity: 1.0, marginTop: 0}, 400);
} else {
$(this).stop().animate({marginTop: 0}, 400);
}
});
});
</script>
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, #header .row-2 ul li a, #content, .list li');
<![endif]-->
<!--[if gte IE 9]>
<script type="text/javascript">
Cufon.set('engine', 'canvas');
</script>
<![endif]-->
<style type="text/css"><!--
.Estilo2 {
color: #00CCFF;
font-weight: bold;
}
.Estilo3 {color: #00CCFF}
--></style>
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34961815-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
<meta name="pinterest" content="nopin"/></head>
<body id="page1" onload="(function(a){window.CloudFlare && window.CloudFlare.push(function(b){b(["cloudflare/rocket"],function(c){c.push(function(){(function(){itemclass()}).call(a)})})})})(this);">
<div class="tail-top">
<div class="tail-bottom">
<div class="body-bg">
<div id="header">
<div class="extra"><img src="images/header-img.jpg" alt=""/></div>
<div class="row-1">
<div class="fleft"><a href="home.php"><img src="images/logo.png" alt="" width="323" height="76"/></a></div>
<form action="busqueda.php" method="post" id="search-form" target="ifram">
<fieldset>
<div><span>
<input type="text" value="Enter keyword here" name="search" onfocus="if(this.value=='Enter keyword here'){this.value=''}" onblur="if(this.value==''){this.value='Enter keyword here'}"/>
</span><a href="#" onclick="document.getElementById('search-form').submit()"><img src="images/button.gif" style="height:30px" alt=""/></a></div>
</fieldset>
</form>
</div>
<div class="row-2">
<ul>
<li class="m1" id="item1"><a href="home.php">Home</a></li>
<li class="m2" id="item2"><a href="recent.php" onclick="changeclass($(this).closest('li').attr('id'));"target="ifram">Recent Files</a></li>
<li class="m3" id="item3"><a href="about-us.html" onclick="changeclass($(this).closest('li').attr('id'));"target="ifram">About</a></li>
</ul>
</div>
<div class="row-3"><img src="images/header-bg1.png" width="743" height="172" /></div>
</div>
<!-- CONTENT -->
<div id="content"><div class="inner_copy"></div>
<div class="tail-right">
<div class="wrapper">
<iframe id="ifram" src="Objects.php" class="col-1"scrolling="no" frameborder="0" >
</iframe>
<script type="text/rocketscript">
jQuery('iframe').iframeAutoHeight({debug: true, diagnostics: false});
</script>
<div class="col-2">
<ul>
<li><strong><a href="Base.php?curpage=DataBases.php">Bases De Datos</a></strong>Ejemplos prácticos con bases de datos, utilizando plugins como Sqlite ,sqlite3, Mysql, etc...</li>
<li><strong><a href="Base.php?curpage=Dlls.php">Dlls</a></strong>Librerías y activeX externos nos ayudan en nuestros proyectos , aquí es su sitio.</li>
<li><strong><a href="Base.php?curpage=Functions.php">Funciones</a></strong>Ejemplos con funciones practicas (no incluidas en AMS)</li>
<li><strong><a href="Base.php?curpage=Plugins.php">Plugins</a></strong>Action y Object plugins , imprescindibles para trabajos avanzados.</li>
<li><strong><a href="Base.php?curpage=Objects.php">Objetos</a></strong>Ejemplos utilizando objetos incluidos en Autoplay ( no plugins).</li>
<li><strong><a href="Base.php?curpage=Visual.php">Visual</a></strong>En este apartado caben los proyectos de tipo visual , como textos en movimiento , transparencias .etc...</li>
<li><strong><a href="Base.php?curpage=Others.php">Otros</a></strong>Todos los que no tengan cabida en las categorías anteriores , se incluirán aquí.</li>
<li><strong><a href="Base.php?curpage=PDF.php">Tutoriales PDF</a></strong>Archivos pdf de ayuda en Autoplay, la mejor manera de aprender uso y manejo de este programa así como de sus plugins y complementos.</li>
<li><strong><a href="Videos.php">Videotutoriales</a></strong>Tutoriales en vídeo sobre AMS.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<div class="indent">
<marquee><div class="fleft">Forum Site: <a href="http://www.amsspecialist.com/" target="_blank" class="active" >AMSSpecialist.com</a> Your comunity for Autoplay Media Studio</div>
<div class="fright">Created by r@faxplayer</div></marquee>
</div>
<center><hr size="1" width=80% /></center>
<div class="footermenu">
<ul class="fotlist fleft">
<li id="contact"><a href="http://cloudflare.com/email-protection.html#7c0e1d1a1d040c101d05190e3c141308111d1510521f1311">Contact The Site Administrator</a></li>
<li id="report"><a href="http://www.amsspecialist.com/viewtopic.php?f=2&t=1373">Any report? Forum dedicated to the site</a></li>
<li id="newfiles"><a href="Base.php?curpage=newfiles.php">Check For New Files</a></li>
</ul>
<ul class="fotlist frigth" >
<li id="linksdown"><a href="https://dl.dropbox.com/u/27007640/LinksApzs.txt" target="_blank">Download ALL Apz Files (Links Text)</a></li>
<li id="linksdown2"><a href="https://dl.dropbox.com/u/27007640/LinksTutorials.txt" target="_blank">Download ALL PDF Files (Links Text)</a></li>
</ul>
</div>
<div class="redes">
<ul id="navigation" class="indent">
<li><a href="http://www.facebook.com/sharer.php?u=&t=AMSSpecialist Files!" target="_blank"><img src="images/redes/facebook.png" alt="" width="25" height="25" title="Compartir en Facebook"/></a></li>
<li><a href="http://twitter.com/home?status=AMSSpecialist Files! - " target="_blank"><img src="images/redes/twitter.png" alt="" width="25" height="25" title="Compartir en Twitter"/></a></li>
<li><a href="http://www.google.com/reader/link?url=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/google.png" alt="" width="25" height="25" title="Compartir en Google"/></a></li>
<li><a href="http://reddit.com/submit?url=&Menu=AMSSpecialist Files!"target="_blank" ><img src="images/redes/reddit.png" alt="" width="25" height="25" title="Compartir en Reddit"/></a></li>
<li><a href="http://technorati.com/faves?add=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/technorati.png" alt="" width="25" height="25" title="Compartir en Technorati"/></a></li>
<li><a href="http://www.stumbleupon.com/submit?url=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/stumbleupon.png" alt="" width="25" height="25" title="Compartir en Stumbleupon"/></a></li>
<li><a href="http://delicious.com/save?v=5&url=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/delicious.png" alt="" width="25" height="25" title="Compartir en Delicious"/></a></li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/rocketscript"> Cufon.now(); </script>
</div>
<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementsByTagName("a"),t=document.createElement("textarea");for(i=0;l.length-i;i++){try{a=l[i].getAttribute("href");if(a&&"cloudflare.com/email-protection"==a.substr(7 ,31)){s='';j=44;r=parseInt(a.substr(j,2),16);for(j+=2;a.length-j&&a.substr(j,1)!='X';j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}j+=1;s+=a.substr(j,a.length-j);t.innerHTML=s.replace(/</g,"<").replace(/>/g,">");l[i].setAttribute("href","mailto:"+t.value);}}catch(e){}}}catch(e){}})();
/* ]]> */
</script>
</body>
</html>