Вопросы по CSS (1015) / придерживаемся спецификации и т.п.

Sutar:
Здравствуйте,
помогите решить данную проблему.
Есть такой вот кусок:


Код:

<style> div#table div.1{background:rgba(0,0,0,0.85); position:fixed; top:0; bottom:0; left:0; right:0; z-index:5;} div#table div.2{position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; z-index: 6;} div#table div.3{background: #fff; width: 700px; margin: 0px auto; position: relative; z-index: 7;} </style> <div id="table">     <div class="1" onclick="return exit1();"></div>     <div class="2" onclick="return exit2();">         <div class="3">             <form method="POST" action="./">                 ...........................................             </form>         </div>     </div> </div>

div.1 - темный фон
div.2 - простой фон с скролом (без заливки)
div.3 - блок с информацией.

Проблема в следующем.
Если нажать в области div.3 до сработает exit2() - что не должно быть. Как это убрать?
Если нажать на темный фон div.1 то сработает снова exit2() - что не должно быть снова(

Нужно сделать так, чтоб если нажимать в области div.3 - exit2() не срабатывал. А если нажать в области div.1 срабатывал exit1(). Как это можно реализовать?(

Я пробовал вообще убрать exit2() но тогда при нажатии на темный фон, не срабатывает exit1()