<ul class="menu">
<li>Первый пункт меню</li>
<li>Пункт с подменю
<ul class="submеnu">
<li>Первый пункт подменю</li>
<li>Второй пункт подменю</li>
</ul>
</li>
<li>Третий пункт меню</li>
</ul>
.submenu {
display: none;
}
.menu>li:hover>.submenu {
display: block;
/* всё прочее, что у тебя в классе fast */
}
<table style="border: none; border-collapse: collapse; width: 800px;">
<tr>
<td colspan="2" rowspan="2" style="padding-right: 10px; font-size: 200%; white-space: nowrap;">
Здесь будет заголовок
</td>
<td style="width: 100%; font-size: 0px;"></td>
</tr>
<tr>
<td style="border-top: 1px solid #000000; border-right: 1px solid #000000; font-size: 0px;"></td>
</tr>
<tr>
<td style="width: 10px; font-size: 0px;"></td>
<td colspan="2" style="border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 10px;">
А здесь будет контент
</td>
</tr>
</table>
<div style="width: 800px;">
<div style="display: table-cell; height: 25px; font-size: 20px; padding: 0px 10px 0px 0px; white-space: nowrap;">
Здесь будет заголовок
</div>
<div style="display: table-cell; width: 100%; height: 25px; vertical-align: top;">
<div style="margin-top: 12px; height: 12px; border-top: 1px solid #000000; border-right: 1px solid #000000;"></div>
</div>
<div style="margin-left: 10px; padding: 10px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 10px;">
А здесь будет контент
</div>
</div>