[vitaly-go]

вот собственно исходник слайдера и превью
http://cssglobe.com/post/5780/easy-s...-jquery-slider
http://cssglobe.com/lab/easyslider1.7/02.html

вот здесь http://strkomfort.ru/ он справа немного преобразованный,

к исходнику добавил H2 внутрь слайдов на основе ul li
спозиционировал и тп, но вот в IE7 все H2 отображаются и за пределами самого слайда , как победить ?

[Niemans]

для div id="slider" прописать position: relative;

[vitaly-go]

в таком случае вообще улетают надписи за пределы видимости

[Niemans]

для ссылок внутри списка display: block;

Добавлено через 1 час 47 минут

Работает нормально?

[vitaly-go]

Сообщение от Niemans

для ссылок внутри списка display: block;

Добавлено через 1 час 47 минут

Работает нормально?

неа

[Niemans]

для #slider ul li a {display: block;} стоит?

[vitaly-go]

Сообщение от Niemans

для #slider ul li a {display: block;} стоит?

уже стоит, но эффекта ненаблюдаю

вот html

<div id="container">
	<div id="content">
		<div id="slider">
			<ul>				
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_01.jpg" alt="1" /><h2>мебель для ванных комнат</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_02.jpg" alt="2" /><h2>зеркала для прихожей</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_03.jpg" alt="3" /><h2>зеркала для ванных комнат</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_04.jpg" alt="4" /><h2>смесители</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_05.jpg" alt="5" /><h2>аксессуары для ванных комнат</h2></a></li>			
			</ul>
		</div>
	</div>
</div>

вот css

/* Правый слайдер */
/* // image replacement */
	#container{	margin:0 auto;	position:relative;	text-align:left; width:240px; background:#fff; margin-bottom:2em; height: 400px;}	
	#content{ position:relative; }
/* Easy Slider */
	#slider {  position:relative;  }  
	#slider ul, #slider li,	#slider2 ul, #slider2 li{ margin:0;	padding:0; list-style:none;	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 	/* 	define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ 
		width:240px; height:400px; overflow:hidden !important; }
        #slider ul li a {display: block;}	
	#slider li a h2 { position:relative; margin: -395px 0px 0px 0px; color:black; text-decoration:none; display: block; padding:5px; background: transparent url('/images/bg_w_tr.png') repeat 0 0; }  
	#slider li h2:active { text-decoration:none; }  
	/* numeric controls */	
	ol#controls{ margin:-30px 0px 0px 0px;	padding:0;	height:20px; }
	ol#controls li{	margin:0 5px 0 0; padding:0; float:left; list-style:none; height:20px; line-height:20px; }
	ol#controls li a{ float:left; height:20px; line-height:20px; border:1px solid #ccc; background:#99ccff;	color:#000; padding:0 5px; text-decoration:none;	}
	ol#controls li.current a{ background:#162eca; color:#fff; }
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */

[Niemans]

#slider li a h2 { position:relative; margin: -395px 0px 0px 0px; color:black; text-decoration:none; display: block; padding:5px; background: transparent url('/images/bg_w_tr.png') repeat 0 0; }
красное убрать для ие

[vitaly-go]

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

если пишу для IE через -,#ляля
то в IE опять надписей нет

[Niemans]

#slider li a h2 {position: relative; //position: inherit; position /*\**/: inherit\9 }