IntegralAL

Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span>Статья1</span></span></a></div></li> <li><div class="example2"><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /><span class="s1">Статья2. Много текста. Много текста. Много текста. Много текста. Много текста. Много текста.</span></a></div></li></ul></div> Вот как выглядит сейчас это дело: Что меня не устраивает, текст начинается с центра а съезжает вниз. Хотелось бы чтобы он был отцентрирован по вертикали.