Наложение текcта на картинку в IE

[Aleshka]

Создал кнопки навигации по сайту и сверху хочу наложить текст, т.е подписать кнопки ("Главная", "Новости" и т.д.), в Firefoxe и Opere все получилось, а вот в IE текст, который накладываю на кнопку пропадает просто напрасто. Как это можно исправить и почему текст не отображается в IE? Ниже привожу куски кода.

HTML

	   <div class="bottons">
		   <div class="botton"><img src="img/botton_main.jpg" width="230px" height="20px" border="0">
			 <div class="text_nav"><a class="navigate" href="index.html">Главная</a></div>
		   </div>

, где botton_main.jpg и есть сам рисунок кнопки, а "Главная" название данной кнопки.

CSS

div.bottons{ 
	width:195px;
	margin-top:15px;
}

div.botton{
	width:195px;
	height:20px;
	margin-bottom:15px;
	margin-left:5px;
	z-index:25;
}
div.text_nav{
	text-align:center;
	position:absolute;
	top: 15px;
	font-style:inherit;
	color:#000000;
	width: 195px;
	z-index:30;
}
a.navigate{
	text-decoration:none;
	color:#ffffff;
}

, пробывал использовать z-index, но это тоже не помогло. .

[klierik]

buttons

div.bottons{ 
	width:195px;
	margin-top:15px;
	position: relative;
}