У меня проблема с Firefox для Mac и z-index.У меня есть 3 div: верхний и нижний колонтитулы;внутри них у меня есть 3 swf header.swf, wrapper.swf и footer.swf.Это код:
<div id="header">
<div id="navigation">
<script type="text/javascript">
var fo = new FlashObject("fla/head.swf", "top", "960", "118", "7", "#fff", true);
fo.addVariable("quality", "best");
fo.addVariable("scale", "noscale");
fo.addParam("wmode", "transparent");
fo.write("navigation");
</script>
</div>
</div>
<div id="wrapper">
<div id="flashContent" class="home">
<script type="text/javascript">
var fo = new FlashObject("fla/home.swf", "top", "1660", "840", "7", "#fff", true);
fo.addVariable("quality", "best");
fo.addVariable("scale", "noscale");
fo.addParam("wmode", "transparent");
fo.write("flashContent");
</script>
</div>
</div>
<div id="footer" class="fHome">
<div id="news">
<script type="text/javascript">
var fo = new FlashObject("fla/footer.swf", "top", "960", "130", "7", "#292929", true);
fo.addVariable("quality", "best");
fo.addVariable("scale", "noscale");
fo.addParam("wmode", "transparent");
fo.write("news");
</script>
</div>
</div>
, а это код CSS:
body {overflow-x:hidden}
#header {position:absolute; top:0px; left:0px; background:url(../img/bkgHeader.jpg) top left repeat-x; width:100%; height:118px; text-align:center; z-index:50}
#navigation {width:960px; height:118px; margin:0 auto;}
#wrapper {background:#fff; position:absolute; top:60px; left:0px; width:100%; height:840px; text-align:center; z-index:1}
#news {width:960px; height:130px; margin:0 auto;}
#flashContent {width:1660px;margin:0 auto;}
.home {height:840px;}
#footer {position:absolute; left:0px; background:url(../img/bkgFooter.jpg) bottom left repeat-x; width:100%; height:130px; text-align:center; z-index:3}
.fHome {top:880px;}
проблема в том, что оболочка div плохо работает с zindex и не может оставаться ниже заголовка.Таким образом, действия при опрокидывании и развертывании не работают!
Пожалуйста, помогите!