0

i have made a popup menu in fireworks cs3 its working fine in all browsers the problem is that its hiding under the flash features bar as shown in the image where in firefox its working fine what should i do?

Internet explorer

[IMG]http://i44.tinypic.com/2mhczr5.jpg[/IMG]

Firefox

[IMG]http://i43.tinypic.com/30tm3qv.jpg[/IMG]


Coding:

<!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>I.T Center Shah Abdul Latif University Khairpur Mir's</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<style type="text/css" media="screen">
	@import url("navigation_menu.css");
.style1 {color: #d7d7ae}
.style2 {color: #de7f0b}
a:link {
	color: #d7d7ae;
}
a:visited {
	color: #d7d7ae;
}
a:active {
	color: #d7d7ae;
}
a:hover {
	color: #b0b07a;
}
</style>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body class="twoColFixRtHdr" onload="MM_preloadImages('images/navigation_menu_r1_c2_f2.gif','images/navigation_menu_r1_c4_f2.gif','images/navigation_menu_r1_c6_f2.gif','images/navigation_menu_r1_c8_f2.gif','images/navigation_menu_r1_c10_f2.gif','images/navigation_menu_r1_c12_f2.gif','images/navigation_menu_r1_c14_f2.gif')" tracingsrc="images/_tracing.jpg" tracingopacity="100">

<div id="container">
  <div id="header"><img src="images/header.jpg" alt="" width="1004" height="199" />
  <!-- end #header --></div>
  <div class="navigation">
    <div id="FWTableContainer176348173">
      <table border="0" cellpadding="0" cellspacing="0" width="1004">
        <!-- fwtable fwsrc="nav_psd.png" fwpage="Page 1" fwbase="navigation_menu.gif" fwstyle="Dreamweaver" fwdocid = "176348173" fwnested="0" -->
        <tr>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="58" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="55" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="2" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="69" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="2" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="67" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="2" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="85" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="2" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="72" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="2" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="49" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="2" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="74" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="463" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
        </tr>
        <tr>
          <td><img name="navigation_menu_r1_c1" src="images/navigation_menu_r1_c1.gif" width="58" height="24" border="0" id="navigation_menu_r1_c1" alt="" /></td>
          <td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navigation_menu_r1_c2','','images/navigation_menu_r1_c2_f2.gif',1);"><img name="navigation_menu_r1_c2" src="images/navigation_menu_r1_c2.gif" width="55" height="24" border="0" id="navigation_menu_r1_c2" alt="" /></a></td>
          <td><img name="navigation_menu_r1_c3" src="images/navigation_menu_r1_c3.gif" width="2" height="24" border="0" id="navigation_menu_r1_c3" alt="" /></td>
          <td><a href="aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navigation_menu_r1_c4','','images/navigation_menu_r1_c4_f2.gif',1);"><img name="navigation_menu_r1_c4" src="images/navigation_menu_r1_c4.gif" width="69" height="24" border="0" id="navigation_menu_r1_c4" alt="" /></a></td>
          <td><img name="navigation_menu_r1_c5" src="images/navigation_menu_r1_c5.gif" width="2" height="24" border="0" id="navigation_menu_r1_c5" alt="" /></td>
          <td><a href="#" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(100)" onmouseover="MM_menuShowMenu('MMMenuContainer0503152143_0', 'MMMenu0503152143_0',0,25,'navigation_menu_r1_c6');MM_swapImage('navigation_menu_r1_c6','','images/navigation_menu_r1_c6_f2.gif',1);"><img name="navigation_menu_r1_c6" src="images/navigation_menu_r1_c6.gif" width="67" height="24" border="0" id="navigation_menu_r1_c6" alt="" /></a></td>
          <td><img name="navigation_menu_r1_c7" src="images/navigation_menu_r1_c7.gif" width="2" height="24" border="0" id="navigation_menu_r1_c7" alt="" /></td>
          <td><a href="itservices.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navigation_menu_r1_c8','','images/navigation_menu_r1_c8_f2.gif',1);"><img name="navigation_menu_r1_c8" src="images/navigation_menu_r1_c8.gif" width="85" height="24" border="0" id="navigation_menu_r1_c8" alt="" /></a></td>
          <td><img name="navigation_menu_r1_c9" src="images/navigation_menu_r1_c9.gif" width="2" height="24" border="0" id="navigation_menu_r1_c9" alt="" /></td>
          <td><a href="helpdesk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navigation_menu_r1_c10','','images/navigation_menu_r1_c10_f2.gif',1);"><img name="navigation_menu_r1_c10" src="images/navigation_menu_r1_c10.gif" width="72" height="24" border="0" id="navigation_menu_r1_c10" alt="" /></a></td>
          <td><img name="navigation_menu_r1_c11" src="images/navigation_menu_r1_c11.gif" width="2" height="24" border="0" id="navigation_menu_r1_c11" alt="" /></td>
          <td><a href="staff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navigation_menu_r1_c12','','images/navigation_menu_r1_c12_f2.gif',1);"><img name="navigation_menu_r1_c12" src="images/navigation_menu_r1_c12.gif" width="49" height="24" border="0" id="navigation_menu_r1_c12" alt="" /></a></td>
          <td><img name="navigation_menu_r1_c13" src="images/navigation_menu_r1_c13.gif" width="2" height="24" border="0" id="navigation_menu_r1_c13" alt="" /></td>
          <td><a href="contactus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navigation_menu_r1_c14','','images/navigation_menu_r1_c14_f2.gif',1);"><img name="navigation_menu_r1_c14" src="images/navigation_menu_r1_c14.gif" width="74" height="24" border="0" id="navigation_menu_r1_c14" alt="" /></a></td>
          <td><img name="navigation_menu_r1_c15" src="images/navigation_menu_r1_c15.gif" width="463" height="24" border="0" id="navigation_menu_r1_c15" alt="" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="24" border="0" id="undefined_2" /></td>
        </tr>
      </table>
      <div id="MMMenuContainer0503152143_0">
        <div id="MMMenu0503152143_0" onmouseout="MM_menuStartTimeout(100);" onmouseover="MM_menuResetTimeout();"> <a href="network.html" id="MMMenu0503152143_0_Item_0" class="MMMIFVStyleMMMenu0503152143_0" onmouseover="MM_menuOverMenuItem('MMMenu0503152143_0');"> Network&nbsp;Section </a> <a href="webpage.html" id="MMMenu0503152143_0_Item_1" class="MMMIVStyleMMMenu0503152143_0" onmouseover="MM_menuOverMenuItem('MMMenu0503152143_0');"> Webpage&nbsp;Section </a> <a href="hardware.html" id="MMMenu0503152143_0_Item_2" class="MMMIVStyleMMMenu0503152143_0" onmouseover="MM_menuOverMenuItem('MMMenu0503152143_0');"> Hardware&nbsp;Section </a> <a href="database.html" id="MMMenu0503152143_0_Item_3" class="MMMIVStyleMMMenu0503152143_0" onmouseover="MM_menuOverMenuItem('MMMenu0503152143_0');"> Database&nbsp;Section </a> <a href="videoconf.html" id="MMMenu0503152143_0_Item_4" class="MMMIVStyleMMMenu0503152143_0" onmouseover="MM_menuOverMenuItem('MMMenu0503152143_0');"> Video&nbsp;Conferencing </a> </div>
      </div>
    </div>
  </div>
  <div class="features">
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','872','height','258','src','images/IT center features','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/IT center features' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="872" height="258">
      <param name="movie" value="images/IT center features.swf" />
      <param name="quality" value="high" />
      <embed src="images/IT center features.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="872" height="258"></embed>
    </object>
  </noscript></div>
  <div class="pic_gallery">
    <div class="gallery_pic"><img src="images/pic_gallery.jpg" alt="" width="128" height="143" /></div>
  </div>
  <div id="main_content"> Content for  id "main_content" Goes Here  </div>
  <div id="footer">
    <div class="footer_pic_salu"><img src="images/salu_black.jpg" width="83" height="82" /></div>
    <div class="footer_text"><table width="500" border="0">
  <tr>
    <td><span class="style1"><a href="index.html">Home</a>  |  <a href="aboutus.html">About us</a>  |  Sections  | <a href="itservices.html">I.T Services</a>  |  <a href="helpdesk.html">Helpdesk</a>  |  <a href="staff.html">Staff</a>  |  <a href="contactus.html">Contact Us</a></span></td>
  </tr>
  <tr>
    <td><span class="style2">Copyright © I.T Center Shah Abdul Latif University 2010 All Rights Reserved</span></td>
  </tr>
  <tr>
    <td><img src="images/designed" /></td>
  </tr>
</table>
</div>
  </div>
  <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
  <br class="clearfloat" />
  <!-- end #container -->
</div>
</body>
</html>
2
Contributors
4
Replies
5
Views
7 Years
Discussion Span
Last Post by rajarajan07
1

You should look into the Z-index for this kind of issues. and also make your flash swf paramater "Wmode=Transparent".

Votes + Comments
thanks for the z-index help it worked
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.