Верстка в IE тупит

grishkov

Новичок
Верстка в IE тупит

Помогите, бьюсь с проблемой уже пол дня. Не пойму почему IE тупит( Вот кусок кода, который в IE отображается не так как нужно. Во всех остальных браузрах все ок.
PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
	<style>
	.tooltip {
		position: relative;
	}
	
	.tooltip span {
		margin-left: -999em;
		position: absolute;
		width: 200px;
	}
	
	A.tooltip:hover span {
		position: absolute;
		z-index: 99;
		margin-left: 0;
	}
	
	.winInfo {
		background: #9FDAEE;
	}
	</style>
</head>
<body>

<div>
		<div>
				<div>Наведите<br>мышь на<br>картинки с<br>"вопросом"<a class="tooltip" href="javascript:void(0)"><img src="info.gif"><span class="winInfo"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></span></a></div>
<br>

				<div>Текст Текст<a class="tooltip" href="javascript:void(0)"><img class="img_class" src="info.gif"><span class="winInfo"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></span></a></div>
<br>
				<div>Текст Текст Текст<a class="tooltip" href="javascript:void(0)"><img src="info.gif"><span class="winInfo"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></span></a></div>
				</div>
</div>
</body>
</html>
Нужно чтобы появляющиеся квадраты были в верхнем слоем, в IE, почему-то верхним слоем отображаются картинки (info.gif).

Помогите!! Для удобства выложил код на народ. Откройте http://grishkov.narod.ru/ в IE и например в опере чтобы увидит различие.
 

baev

‹°°¬•
Команда форума
Пропишите info.gif (или самому слою) меньший z-index.
 

grishkov

Новичок
Пробовал, ie - не понимает:
<img src="info.gif" style="z-index: 98;">

-~{}~ 13.10.10 09:32:

Ни у кого нет мыслей, а то я лоб уже почти разбил об стену(
 
Сверху