transform:rotate() и onclick
 

Добрый день! Имею такой код:

<div id="1" class="inside" onclick="change(this);">
1<br /><span id="prise136"">400</span>
</div>

Обработчик

function change(arg){
        document.getElementById(arg.id).style.boxShadow='0px 0px 0px 2px #00FF00'; 
}

Т.е. при нажатии на div у него появляется рамка, выглядит это примерно так:

Все работает как надо, если нажать на любую территорию div'а рамка меняется (13 div в первом ряду выделен), НО если к div применить:
То у div'а появляется "мертвая зона" в нижней части(ниже красной черты и до конца блока):

При нажатии на которую ничего не происходит, даже курсор не меняется(правило прописано в css)
Пробовал в мазилле и хроме, одно и тоже... Пробовал без span'а, ситуация не меняется
Как избавится от этой "мертвой зоны"? Или это особенность движка браузера? Может есть какой-нибудь костыль?

Сорри, сам разобрался, оказывается один div на другой заезжал, тему можно удалить:)