Hi I have a bar which dropdownbox so transparant, in a way that I could hardly read its text because its overlap my content text and pictures.

But its order superseed the side bar box. I could clearly read its text on the side but hardly read its text on the middle.

I am using jquery which I copy from a tutorial video.

What might be the problem? I would like the text could be clearly read in the navigation bar in order word it suppose to be above the content text when I open the navigation drop down box.

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Masterlink International</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="includes/navstyle.css" />
<script type="text/javascript" src="includes/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="includes/superfish.js"></script>
<script type="text/javascript">
		animation: {opacity:'show',height:'show'},
		speed: 'slow', 
		autoArrows: true
<style type="text/css">
.style1 {font-size: 12px}

    <?php include("includes/header.php"); ?>
<div id="login">
      <form action="proseslogin.php" method="post" name="login" target="_self" id="login" style="style.css" title="login"><br />
          <input type="text" name="username" id="username" />
          <label>password:          </label>
          <input type="text" name="password" id="password" />
          <input type="submit" name="Login" id="Login" value="Login" />
     <div id="menu">
   		<?php include ("includes/navigation.php"); ?>
<div id="content">
		//Tampilkan panel content, jika catid dan newsid tidak kosong maka tampilkan berita terpilih, jika tidak tampilkan daftar berita
				include ("tampil_produk.php");

<div id="kategori">
     <?php include('includes/kategori_berita.php') ?>
    <div id="banner">
      <div class="headerStyle">
      <div style="padding:4px 0px;">&nbsp;Banner</div>
<div id="event">
     <?php include('includes/event.php') ?>
    <?php include("includes/footer.php"); ?>

I believe this thread belongs in the javascript/dhtml section but if you were to ask me how to solve it one thing I would mention is not to use jquery because it is not designed of the best of quality since the best of quality can only be produced from a custom script to suit your needs than one script to suit everybody's needs.