Jak dostat nadpis do tohoto prvku?

<div class="menu">

<ul>
<li><a class="drop" href="../menu/index.html"></a>
<!--[if IE 7]><!-->

<!--<![endif]-->

<table><tr><td>

	<ul>
	<li><a href="../menu/form.html" title="Styling forms">Text,který bych chtěl zobrazit</a></li>
	</ul>

</td></tr></table>

<!--[if lte IE 6]>
</a>
<![endif]-->
</li>
</ul>

</div>

@charset "utf-8";
/* CSS Document */

 /* prichozi stylovani*/
.menu {
	font-family: verdana, sans-serif;
	position:relative;
	font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	margin-bottom:0px;
}


.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
position:relative;
float:left;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:81px;
	height:81px;
	font-weight:bold;
	text-indent:-999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/menu_big.png);
}

.menu ul li ul {
	visibility:hidden;
	position:absolute;
	width:190px;
	top:0;
	left:0;
	border:1px solid #FF00FF;
}

table {
margin:0; padding:0; border:0; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;
width:215px;
}

.menu ul li:hover ul {
visibility:visible;
}

.menu ul li:hover ul li a {
display:block; 
background:#cce3f6;
border:0;
margin:0;
text-indent:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:180px;
text-align:left;
}

.menu ul li:hover ul li a:hover {
background:#888; 
color:#fff;
}