Текст поверх картинки!

[ice72]

Всем добрый день!

В общем у меня такая ситуация...

Зайдите на сайт: Не реклама!

Наведите на "Wormix" снизу, я сделал текст поверх картинки. Но при нажатии на "Wormix" (выбор) - текст пропадает!

Вот сама эта система:

<div class="wrapper col3">
  <div id="gallery">
    <ul>
      <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li>

      <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span><img src="images/gallery/1.gif" width="950" height="370" alt="Приложения Вормикс вконтакте" /><DIV style="position: absolute; top: 200px; left: 270px; "> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</DIV></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/2_s.gif" alt="" /><span><img src="images/gallery/2.gif" width="950" height="370" alt="Тюряга вк" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/3_s.gif" alt="" /><span><img src="images/gallery/3.gif" width="950" height="370" alt="Зомби ферма приложение" /></span></a></li>
      <li><a class="swap" href="#"><img src="images/gallery/4_s.gif" alt="" /><span><img src="images/gallery/4.gif" width="950" height="370" alt="Уличные гонки игра" /></span></a></li>
      <li class="last"><a class="swap" href="#"><img src="images/gallery/5_s.gif" alt="" /><span><img src="images/gallery/5.gif" width="950" height="370" alt="Приложения Счастливый фермер" /></span></a></li>
    </ul>
  </div>
</div>

Пожалуйста помогите!

Edited August 24, 2011 by ice72

[Softlink]

Попробуйте в этом классе убрать a.swap:active span

a.swap:link span, a.swap:visited span, a.swap:active span{
	visibility:hidden;
	position:absolute; 
	top:35px;
	left:5px; 
	width:950px; 
	height:370px;
	}

Edited August 24, 2011 by Softlink

[ice72]

Попробуйте в этом классе убрать a.swap:active span

a.swap:link span, a.swap:visited span, a.swap:active span{
	visibility:hidden;
	position:absolute; 
	top:35px;
	left:5px; 
	width:950px; 
	height:370px;
	}

убрал. Смотри сейчас. Все также(

[Nekromancer]

a.swap:active img, a.swap:focus img {
    position: relative;
    z-index: 50;
}

Имхо здесь z-index лишний. как будто уже и FireBug отменили %)

[ice72]

a.swap:active img, a.swap:focus img {
    position: relative;
    z-index: 50;
}

Имхо здесь z-index лишний. как будто уже и FireBug отменили %)

Спасибо большое, все работает!

Тему OFF!