HTML, CSS and JavaScript playground

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div style="background-color:#2d2c2a; width:1000px; top:90px;">
		<table style="padding:0px; margin:0xp; margin-left:10px;">
		<tr>
		<td style="height:40px; padding:0px; margin:0px;">
		
		 <form style="margin:0px; padding:0px;">
		 <ul id="navbar" style="position: relative; z-index:100;">
      
         <li><a id="cat_title" href="#">Categories</a><ul>
            <li><a href="#" onclick="setCat('cat one')">cat one</a></li><li>
            <a href="#" onclick="setCat('cat two')">cat two</a></li><li>
            <a href="#" onclick="setCat('cat three')">cat three</a></li></ul>
			  
			<li><a id="loc_title" href="#">Location</a><ul>
            <li>
            <a   href="#" onclick="setLocation('loc one')" >loc one</a></li><li>
			 <a  href="#"  onclick="setLocation('loc two')" >loc two</a></li><li>
			  <a  href="#"  onclick="setLocation('loc three')" >loc three</a></li></ul>
         </li>
      </ul>
	  </div>
		</form>
		</td>
		<td style="margin-top:4px;">
		<form action="result.php" method="post" style="padding:0px; margin:0px; margin-left:0px;">
		
          <input id="submit_btn" type="submit" value="Search" name="submit" style="margin-left:0px;">
		<input id="location" type="hidden" value="" name="l">
		<input id="cat" type="hidden" value="" name="c">
	
		</td>
		</form>

/* These styles create the dropdown menus. */

#wrap {
   font-size: 1.3em;
   width: 500px;
   padding: 20px;
   margin: 0 auto; 
   background-color: #fff;
   position: relative;
    z-index:100;}
	
#navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 10px;
   background-color: #2d2c2a;
   color: #fff;
   text-decoration: none; }
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #69f;
   border-bottom: 1px solid #fff;
   color: #000; }
#navbar li li a:hover {
   background-color: #8db3ff; }
#navbar li a:hover {background-color: #8db3ff;}

#submit_btn {background-color:#2d2c2a; color:white; border:none;}

#submit_btn button:hover{
    background-color:#FFC; color:red;
}