вылетающее окно для планшета

в общем уже голову сломал. нужно оптимизировать сайт для планшета.

http://liderventfasad.ru/

нужно чтобы при тычке на планшете выпадало окно. (на любом пункте из списков предлагаемых услуг).

на компе при клике это работает, а на планшете нет. что делать? помогите

CSS

.thumbnail{

position: relative;

z-index: 0;

}

.thumbnail:focus{

background-color: transparent;

z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: #3d3d3d;

padding: 5px;

border: 1px solid white;

visibility: hidden;

color: white;

font: 12px 'Tahoma';

text-decoration: none;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-radius: 4px 4px 4px 4px;

}

.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}

.thumbnail:focus span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 0px; /*position where enlarged image should offset horizontally */

}

КОД

<a class="thumbnail" href="#"><b>Алюминиево-композитные панели</b><span>

<br>Алюминиевые композитные панели (АКП) — строительный облицовочный композитный материал. <br>Панели состоят из двух предварительно окрашенных алюминиевых листов толщиной до 0,5 мм, между которыми вклеен (запрессован) полимерный лист (на основе полиэтилена низкого давления). <br>Общая толщина пластины — от 3 до 6 мм. Основное применение — наружная облицовка с использованием технологии вентилируемого фасада.<br> Применяются также для внутренней моющейся, износостойкой облицовки в общественных местах (аэропорты, железнодорожные станции, больницы, рестораны и т. п.), для рекламных конструкций и временных выставочных павильонов.<br><br></span></a>

Заодно не подскажете, где можно протестировать сайт для планшета?

помимо

http://www.itsait.com/ipad/