подскажите, как устранить в HTML разрыв между табличками

[Jekamajor]

Кто разбирается в HTML, подскажите где ошибка! Никак не могу разобраться.
Страничку залил на techstroyinvest.net
css лежит здесь: techstroyinvest.net/css.css

Как в IE подтянуть менюшку (слева на сером фоне) кверху, чтобы не было разрыва между табличками (между картинкой и менюшкой)?
В опере выглядит как нужно, а в IE, если высота страницы превышает высоту экрана, появляется этот разрыв.
valign=top не помогает!

Если можно, обойтись без вложенных таблиц.
Чую, что где-то valign=top не хватает или height параметр неверно выставлен.
СПАСИБО!

[VeshchiyOleg]

все ссылки тащи в ту же ячейку, что и картинка
примерно так:
....
</tr>

<tr>
<td width="191" valign="top" class="menu2"><img src="Техстройинвест.files/left4.gif" width="191" height="161"><br />
<a href="#" class="menu" title="ремонт кровель">главная</a><br />
<a href="#" class="menu" title="ремонт кровель">ремонт кровель</a><br />
<a href="#" class="menu" title="герметизация швов">герметизация швов</a><br />
<a href="#" class="menu" title="промышленный альпинизм">промышленный альпинизм</a><br />
<a href="#" class="menu" title="антикоррозийная обработка">антикоррозийная обработка</a><br />
<a href="#" class="menu" title="гидроизоляция и теплоизоляция">гидро- и теплоизоляция</a><br />
</td>
<td colspan="4" rowspan="2" class="content">
<h1>главная</h1>
....
естессно у ячейки пропиши класс menu2

и в css небольшие изменения этого класса:
.menu2 {
BACKGROUND-IMAGE: url(img/menu2.gif); WIDTH: 191px; BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #999999; TEXT-ALIGN: right
}
.menu2 a {
PADDING-RIGHT: 7px;
} - для самого меню (и картинки в частности) padding не нужен, а вот для ссылок - пусть будет
можешь назвать новый класс не ".menu2 a", а ".menu2 menu" или ".menu" - как больше нравится

[Jekamajor]

спасибо, попробую :)

Попробовал, сработало!