Co je to hover.htc?

Zdravím. Mám tady podle mne úplně jednoduchý kod na vysouvaci hover menu. A zde je dost diskutovaná otázka. Jak to rozběhat v IE. Dočetl jsem se mnohokrát - vložit nějaký "hover.htc" Jenže já jsem v začátcích a vůbec nevím co to hover.htc je....., jak a kam se to vkládá. Prosím po lopatě nebo rovnou esli pošlete řešení.. dík Jakub

CSS:

.menu
{
color: #900;
padding: 0;
margin: 0;
list-style-type: none;
display: block;
}

.menu ul
{
margin-top: 0;
position: absolute;
visibility: hidden;
background-color: #fbf6d0;
margin: 0;
padding: 0;
list-style-type: none;
}

.menu li
{
float: left;
padding: 0;
width: 200px;
white-space: nowrap;
}

.menu a
{
padding: 3px;
text-align: center;
padding-left: 15px;
color: #900;
background-color: #fbf6d0;
display: block;
text-decoration: none;
font-weight: normal;
}

.menu ul a:link
{
color: #900;
border-bottom: none;
padding-left: 15px;
_padding-left: 19px;
}

.menu ul a:visited
{
color: #900;
border-bottom: none;
padding-left: 15px;
_padding-left: 19px;
}

.menu ul a:hover
{
color: #fbf6d0;
background-color: #900;
}

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

.menu li li
{
float: none;
border: none;
padding: 0;
margin: 0;
}


HTML:

<table>
<tr>
<td>
<ul class="menu">
<li><a href="../html/">HTML</a>
<ul>
<li><a href="../html/text.php">Textové značky</a></li>
<li><a href="../html/seznamy.php">Seznamy</a></li>
<li><a href="../html/odkazy.php">Odkazy</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="../css/">CSS</a>
<ul>
<li><a href="../css/border/">border</a></li>
<li><a href="../css/margin/">margin</a></li>
<li><a href="../css/font/">font</a></li>
<li><a href="../css/color/">color</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="../php/">PHP</a>
<ul>
<li><a href="../php/kniha_navstev.php">Kniha návštěv</a></li>
<li><a href="../php/generovani-formulare.php">Generování formuláře</a></li>
</ul>
</li>
</ul>
</td>
</table>