title: CSS drop down menu navigator using a table
body: <p>I am trying to have a drop down menu navigator using a table, but I am having a problem. I am hiding the visibility of the tables and using hover to make it visible but it doesn't work - it is still not visible. Here is the code:</p>
  
  <pre><code>           table
      {
          background-color: #a9a9a9;
          border-collapse: collapse;
      }
      a:hover
      {   
          color: #f0e68c;
      }
      a
      {
          color: white;
          text-decoration: none;
      }
      .table2
      {
          position: relative;
          left: 685;
          visibility: hidden;
      }
      .table2 th
      {
          border-top: 1px solid white;
      }
  
  
          .table1 th
      {
          border-left: 1px solid white;
      }
  
      #home:hover
      {
          background-color: black;
      }
      #register:hover
      {
          background-color: black;
      }
      #login:hover
      {
          background-color: black;
      }
      #download:hover
      {
          background-color: black;
      }
      #other:hover
      {
          background-color: black;
      }
      #other:hover .table2
      {
          visibility: visible;
      }
  </code></pre>