title: trying to create submenus
body: <p><a href="https://i.stack.imgur.com/i91Rp.png" rel="nofollow noreferrer">Editing for revision, as you can see the menu and its submenu is hiding behind the banner or picture</a><br>
  Is there something wrong with the code? as it only appears on firefox, all the other web browsers i.e Safari, Chrome, IE and Opera work well</p>
  
  <pre><code>  &lt;BODY ONSELECTSTART="return false;" BGCOLOR="#FFFFFF" TEXT="#000000"&gt;
    &lt;table border="0" align="center" width="800"&gt;
    &lt;tr&gt;
    &lt;td align="left" width="200"&gt;&lt;a href="index.html"&gt;&lt;img   
    src="images/logo1.gif" width="135" height="57" border="0"&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;td width="399" align="right"&gt;&lt;img src="images/medical_innovations.gif" 
    width="335" height="60"&gt;&lt;/td&gt;
    &lt;td align="right" width="187"&gt;&lt;div class="body"&gt;&lt;b&gt;Tel: 1-905-475-2380&lt;br&gt;
    Toll Free: 1-877-50KOSIM&lt;br  /&gt;Fax: 905-475-2303&lt;br  /&gt;
    email: &lt;a href="email_sales.php"&gt;sales@kosim.ca&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    &lt;table align="center" width="800" bgcolor="EDF0F7" cellspacing="0" 
    cellpadding="0"&gt;
    &lt;tr&gt;
    &lt;td width="86" height="25"&gt;&lt;/td&gt;
    &lt;td width="2"&gt;&lt;img src="images/spacer.jpg"&gt;&lt;/td&gt;
    &lt;td align="center" width="46"&gt;&lt;a href="index.html" 
    onMouseOver="movr(1);return true;" onMouseOut="mout(1);return true;"  
   onClick="return true;"&gt;&lt;img name=img1 border=0 
   src="images/link_off_home.jpg"&gt;&lt;/a&gt;&lt;/td&gt;
   &lt;td width="2"&gt;&lt;img src="images/spacer.jpg"&gt;&lt;/td&gt;
   &lt;td align="center" width="63"&gt;&lt;a href="products/index.html" 
   onMouseOver="movr(2);return true;" onMouseOut="mout(2);return true;" 
    onClick="return true;"&gt;&lt;img name=img2 border=0 
    src="images/link_off_products.jpg"&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;td width="2"&gt;&lt;img src="images/spacer.jpg"&gt;&lt;/td&gt;
    &lt;td align="center" width="66"&gt;&lt;a href="about.html" 
    onMouseOver="movr(3);return true;" onMouseOut="mout(3);return true;" 
    onClick="return true;"&gt;&lt;img name=img3 border=0 
    src="images/link_off_about.jpg"&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;td width="2"&gt;&lt;img src="images/spacer.jpg"&gt;&lt;/td&gt;
    &lt;td align="center" width="99"&gt;&lt;a href="events.html" 
    onMouseOver="movr(4);return true;" onMouseOut="mout(4);return true;" 
    onClick="return true;"&gt;&lt;img name=img4 border=0 
    src="images/link_off_events.jpg"&gt;    &lt;/a&gt;     &lt;/td&gt;
    &lt;td width="10"&gt;&lt;img src="images/spacer.jpg"&gt;&lt;/td&gt;
    &lt;td align="center" width="111"&gt;&lt;a href="customer_service.html" 
    onMouseOver="movr(5);return true;" onMouseOut="mout(5);return true;" 
    onClick="return true;"&gt;&lt;img name=img5 border=0 
    src="images/link_off_cs.jpg"&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;td width="10"&gt;&lt;img src="images/spacer.jpg"&gt;&lt;/td&gt;
    &lt;td align="center" width="73"&gt;&lt;a href="contact_us.html" 
    onMouseOver="movr(6);return true;" onMouseOut="mout(6);return true;" 
    onClick="return true;"&gt;&lt;img name=img6 border=0 
    src="images/link_off_contact.jpg"&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;td width="90"&gt;&lt;img src="images/spacer.jpg"&gt;&lt;/td&gt;
    &lt;td width="136"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
  
    &lt;table align="center" width="800" border="0" cellpadding="0" 
    cellspacing="0"&gt;
    &lt;tr&gt;
    &lt;td valign="top" bgcolor="EDF0F7"&gt;
    &lt;!-- side bar - products --&gt;
    &lt;table width="175" height="494" border="0" align="center" cellpadding="3" 
    cellspacing="0" style="border: 1px solid #ADBCDB"&gt;
   &lt;tr&gt;
   &lt;td width="167" height="24" align="center" bgcolor="DDDDDD"&gt;&lt;font 
   face="arial" size="2" color="000000"&gt;&lt;b&gt;Products&lt;/b&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr bgcolor="#EDF0F7" onMouseOver="this.bgColor='FFFFFF';" 
   onMouseOut="this.bgColor='#EDF0F7';"&gt;
   &lt;td height="23" valign="middle"&gt;
   &lt;ul&gt;
  &lt;li&gt;
  &lt;label for="acu"&gt;Acupuncture&lt;/label&gt;
  &lt;input id="acu" type="checkbox"&gt;
    &lt;ul&gt;
    &lt;li&gt;&lt;a href="http://kosim.ca/products/needles.html"&gt;Needles&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://kosim.ca/products/acu_models.html"&gt;Acupuncture Models&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://kosim.ca/products/electro-therapeutic_devices.html"&gt;Electro-Therapeutic Devices&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://kosim.ca/products/others.html"&gt;Cupping &amp; Tools&lt;/a&gt;
   &lt;/li&gt;
    &lt;li&gt;&lt;a href="http://kosim.ca/products/books.html"&gt;Books&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/ul&gt;
  &lt;ul&gt; 
  &lt;li&gt;
  &lt;label for="ana"&gt;Anatomical&lt;/label&gt;
  &lt;input id="ana" type="checkbox"&gt;                 
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="products/charts.html"&gt;Charts&lt;/a&gt;
    &lt;li&gt;&lt;a href="products/models_series_1.html"&gt;Model 1&lt;/a&gt;&lt;/li&gt; 
    &lt;li&gt;&lt;a href="products/models_series_2.html"&gt;Model 2&lt;/a&gt;&lt;/li&gt; 
    &lt;li&gt;&lt;a href="products/models_series_3.html"&gt;Model 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
   &lt;ul&gt; 
  &lt;li&gt;
  &lt;label for="Clinical"&gt;Clinical Supplies&lt;/label&gt;
  &lt;input id="Clinical" type="checkbox"&gt;
  &lt;ul&gt;     
  &lt;a href="http://kosim.ca/products/clinic_supplies.html"&gt;Clinic Supplies&lt;/a&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/ul&gt; 
  &lt;ul&gt;
  &lt;li&gt;
   &lt;label for="Diag"&gt;Diagnostic Equipment&lt;/label&gt;
  &lt;input id="Diag" type="checkbox"&gt;
  &lt;ul&gt;
        &lt;li&gt;&lt;a href="http://kosim.ca/products/hand_evaluation.html"&gt;Hand 
  Evaluation&lt;/a&gt;&lt;/li&gt; 
        &lt;li&gt;&lt;a href="http://kosim.ca/products/rom_measurement.html"&gt;Range of 
  Motion&lt;/a&gt;&lt;/li&gt; 
        &lt;li&gt;&lt;a href="http://kosim.ca/products/diagnostic_equip.html"&gt;Adjusting 
  &amp; Diagnostic&lt;/a&gt;&lt;/li&gt; 
  &lt;/ul&gt;      
  
  
  
  
  &lt;tr bgcolor="#EDF0F7" onMouseOver="this.bgColor='FFFFFF';" 
  onMouseOut="this.bgColor='#EDF0F7';"&gt;
  &lt;td height="23" align="center" valign="middle" bgcolor="#D6D6D6"&gt;&lt;a 
  href="monthly_specials.html" target="_blank" class="special" style="text-
  decoration:none"&gt;&lt;b&gt;&lt;em&gt;Monthly Special!&lt;/em&gt;&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;table width="99%"&gt;
  &lt;tr&gt;
  &lt;td height="0" align="left" valign="middle"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td align="center"&gt;&lt;br&gt;&lt;a href="order_form.php"&gt;&lt;img 
  src="images/howtoorder.jpg" 
  width="78" height="95" border="0"&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td align="center"&gt;&lt;br&gt;
  
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;&lt;/td&gt;
  
  &lt;td width="620" align="center" valign="top"&gt;
  &lt;!-- body --&gt;
  
  &lt;script src="bookmark.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src='prototype.js' type='text/javascript'&gt;&lt;/script&gt;
  &lt;script src='effects.js' type='text/javascript'&gt;&lt;/script&gt;
  &lt;script src='rotatingbanner.js' type='text/javascript'&gt;&lt;/script&gt;
  
  &lt;TABLE width="501" cellspacing="1" cellpadding="0" border="0"&gt;
  &lt;TR&gt;
  &lt;TD valign="top"&gt;&lt;div id='rotational-banner-container' style='height: 
  323px;'&gt;
  &lt;div id='progress-bar' style='padding-top: 130px; padding-left:0;' &gt;
  &lt;center&gt;&lt;img src="images/blue-spoke.gif"&gt;&lt;/center&gt;&lt;/div&gt;
  &lt;div id='rotational-banner' style='display:none;' &gt;
  &lt;div&gt;&lt;a href="about.html"&gt;&lt;img src="images/rotate_banner_1.jpg" width="590" 
  height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a href="products/chiropractic_tables.html"&gt;&lt;img src="images/banner-
  CHIROPRACTIC.jpg" width="590" height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a href="products/laser_therapy.html"&gt;&lt;img src="images/banner-
  LASER.jpg" 
  width="590" height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a href="products/massage_therapy.html"&gt;&lt;img src="images/banner-
  MASSAGE.jpg" width="590" height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a href="products/hi-lo.html"&gt;&lt;img src="images/banner-
  PHYSIOTHERAPY.jpg" 
  width="590" height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a href="products/exercise_rehab.html"&gt;&lt;img src="images/banner-
  EXERCISE.jpg" width="590" height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a href="products/clinic_supplies.html"&gt;&lt;img src="images/Strength-
  Tape_Banner_2.jpg" width="590" height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div&gt;&lt;a href="products/pillows.html#30-5001"&gt;&lt;img 
  src="images/rotate_banner_2.jpg" width="590" height="300" border="0"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div&gt;&lt;a href="monthly_specials.html"&gt;&lt;img src="images/rotate_banner_3.jpg" 
  width="590" height="300" border="0"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/TD&gt;&lt;/TR&gt;
  &lt;/table&gt;
  &lt;table&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  </code></pre>