кнопки не реагируют на клик при абсолютном позиционировании (ie 6)
 

добрый день!

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

имеется следующий код:

<style type="text/css">
#keypad {
	position: absolute;
	width: 300px; height: 300px;
	left: 150px; top: 150px;
}
.btn {
	width: 26%; height: 23%;
	margin: 1%;
}
</style>

далее

<div id="main_main_block">
.......
<div id="keypad">
<input type="button" class="btn" value="1">
<input type="button" class="btn" value="2">
<input type="button" class="btn" value="3">
<!-- ну и далее по списку, чтобы расположить 11 кнопок а-ля телефонная клавиатура -->
</div>
........
</div>

кнопки можно задавать и как, но результат тот же

<a href="" class="btn">1</a>

собственно, все это дело можно инициализировать jQuery UI:

$('.btn').button({ /*....*/ });

так вот, в ie6 - кнопки не реагируют на мышь. даже без "кнопочной обертки" jQuery.

понимаю, дело в позиционировании, в стилях. никто не сталкивался, как это лечится?

jQuery здесь по моему не причём, вам на форум вёрстки скорее надо...

sysya,

да, понимаю, что не причем...