Помогите создать меню

[Likan]

В идеале должна была получится меню со скрытыми списками подменю, которые будут появлятся при наведении мышкой на тот или инной пункт меню, ну или при нажатии на онные, подскажите плиз, что делаю не так и почему сами пункты меню не кликабельные?

<table width="100%" height="100%" class="menunew" border="0" cellspacing="0" cellpadding="0">
						<a href="#" onclick=" document.getElementById('menuw').style.display=''; return false;"
						<tr>
							<td colspan="4"  height="49">dsadsad</td>
						</tr>
						</a>
						<span class="smenu"  id="menuw" style="display:none">
						<tr class="smenu" id="v1">
							<td><a href="r">dsss</a></td>
							<td width="7px"></td>
							<td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a  style="background-color:#bbb9ba" href="#">3121</a><img src="/siteimg/sp.png" align="absmiddle"/></td>
							<td  style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">43</a><img src="/siteimg/orp.png" align="absmiddle"/></td>
						</tr>
						<tr class="smenu">
							<td><a href="r">rrrrrrr</a></td>
							<td width="7px"></td>
							<td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a  style="background-color:#bbb9ba;text-decoration:none" href="#">3121</a><img src="/siteimg/sp.png" align="absmiddle"/></td>
							<td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">4443</a><img src="/siteimg/orp.png" align="absmiddle"/></td>
						</tr>
						<tr class="smenu">
							<td width="32%"><a href="r">sss</a></td>
							<td width="7px"></td>
							<td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a style="background-color:#bbb9ba;text-decoration:none" href="#">3111</a><img src="/siteimg/sp.png" align="absmiddle"/></td>
							<td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">1111</a><img src="/siteimg/orp.png" align="absmiddle"/></td>
						</tr></span>
						<tr>
							<a href="#">
							<td height="49" colspan="4" >dsadsad</td>
							</a> </tr>
						<tr>
							<a href="#">
							<td height="49" colspan="4" >dsadsad</td>
							</a> </tr>
						<tr>
							<a href="#d">
							<td height="49" colspan="4" >dsadsad</td>
							</a> 
						</tr>
					</table>

.menunew{
padding:0;margin:0;border:none;
}
.menunew td{
	list-style-type: none;
	height: 39px;
	text-indent: 15px;
	margin-top: -1px;
	color: #ff9c00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 15px;
}
.menunew a{

	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	vertical-align: middle;
	color: #ff9c00;
}

.menunew td:hover, .menunew td.hover{
	background: url(/siteimg/rpbg.jpg);

	font-weight: bold;
	text-indent: 15px;
	color: #FFFFFF;
	vertical-align: middle;
	height: 39px;
	text-decoration: none;
}
.smenu td, .smenu a,.smenu td:hover,.smenu td.hover,.smenu span{
	list-style-type: none;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	text-indent: 15px;
	vertical-align: middle;
	background: transparent;
	font-weight: normal;
	height: 22px;


}
.smenu a{

	color: Black;
	text-decoration: none;
}

.smenu a:hover{
	color: Black;
	text-decoration: underline;
	font-weight: bold;
}

[Great Rash]

Вы все сделали не так. Подобные меню делаются списками. Гуглите по запросу "CSS выпадающее меню"

[Likan]

ясно, спасибо...