Пропадает скрол содержимого сайта при активированном модальном окне - Вопросы по CSS

Сделал форму через ChronoForms, сделал чтобы эта форма выводилась через модальное окно, чтобы красиво было. Все получилось - работает, красиво, НО... возник вопрос, как теперь затемнить фон за модальным окном через СSS? То есть чтобы нельзя было клацать по странице сайта при активном модальном окне, и чтобы фон затемнялся. Чето не могу ниче придумать пока ! - РЕШЕНО СМОТРЕТЬ НИЖЕ
ВОПРОС №2: Пропадает скрол содержимого сайта при активированном модальном окне

ну примерно так
css

ну примерно так

Код: html4strict

<div id="form">форма</div>
<div id="over"></div>

css

Код: css

#over {
background: black;
z-index: 9999;
position: fixed;
left: 0pt;
top: 0pt;
opacity: 0.5;
width: 100%;
height: 100%;
}

Пардон, если я z-index в over поставлю, да еще 9999, то он станет поверх всего и формы в том числе
Ну хорошо даже если без z-index, куда вообще мне этот блок over втулить? В какой файл?
Тем более как я понимаю, нужно не с формой копаться, а с самим модальным окном.

значения z-index нужно выставлять в зависимости от того что там будет в #form (это же всего лишь пример )
проще зайти на любой сайт где есть такое и глянуть как там сделано

Ну короче порылся я в просторах интернета и сделал это затемнение.
Как я и говорил нужно было рыться в самом модальном окне
Если кому интересно то нужно немного переписать CSS файл вывода модальных окон самой Joomla, он находиться здесь ваш_сайт/media/system/css/modal.css
и в этом файле вставить следующее:

НО ТЕПЕРЬ ВОЗНИК ДРУГОЙ ВОПРОС:

Почему в опере пропадает скрол всего сайта при активации модального окна?
В мозиле все норм
Тем более что в бэкграунде скрол стоит