Выпадающее меню и позиционирование.

[~Kitty~]

Возникла такая проблема. Есть меню. Обычное горизонтальное меню. Подменю - выпадающее.

Контентный слой (находится ниже) - сдвинут position: relative вверх. У него стоит z-index: 5.

У выпадающего меню стоит z-index: 100

Проблема в ч?м. FF и Опера прекрасно вс? понимают, а в IE выпадающее меню оказывается ПОД контентной частью.

Код:

Само меню и контент:

<div class="TopMenu">
	<table cellpadding="0" cellspacing="0" border="0">
		<tr>
			<td class="ugol" style="background: none;padding: 0px;">
				<img src="img/left.gif" alt="" />
			</td>
			<td>
				<a href="#">
					<nobr>О магазине</nobr>
				</a>
			</td>
			<td>
				<a href="#">
					<nobr>Новости</nobr>
				</a>
			</td>
			<td class="act">
				<a href="#">
					<nobr>Услуги</nobr>
				</a>
				<!--выпадающее меню -->


				<div class="mainDivPopMenu">
					<div class="divPopMenu">
						<a href="{@URL}">
							Подбор музыки
						</a>
					</div>
					<div class="divPopMenu">
						<a href="{@URL}">
							Запись
						</a>
					</div>
					<div class="divPopMenu">
						<a href="{@URL}">
							Доставка
						</a>
					</div>
				</div>
								<!/--выпадающее меню -->
			</td>
			<td>
				<a href="#">
					<nobr>Новинки</nobr>
				</a>
			</td>
			<td>
				<a href="#">
					<nobr>Контакты</nobr>
				</a>
			</td>
			<td class="ugol" style="padding: 0px;">
				<img src="img/right.gif" alt="" />
			</td>
		</tr>
	</table>
</div>
<div class="content">
		<div class="mainbody">
			   Тут текст контента
		</div>
</div>

Css:

div.TopMenu {
	margin-top: 18px;
	position:relative;
}
div.TopMenu table {
	position: absolute;
	left: -141px;
}
.content {
	background: #fff27d url(img/main.jpg) no-repeat bottom right;
	padding: 25px 0px 0px 35px;
	z-index: 1;
}
.mainbody {
	position: relative;
	top: -107px;
	z-index: 5;
}
.mainDivPopMenu {
	position: absolute; 
	visibility: hidden;
	z-index: 500;
	margin: 10px 0px 0px -25px;
}
div.divPopMenu {
	background: #FF9A1E;
	border: 1px solid #6C5722;
	margin-top: 1px;
	padding: 5px 30px 5px 20px;
	z-index: 500;
}

Надеюсь, понятно объясняю...

Может, кто знает, как это обойти?..

[ZoNT]

а в IE выпадающее меню оказывается ПОД контентной частью.

Уже было на форуме - ищи внимательнее...