создать хук стиля вне главной страницы для обработчика событий наложения

Я хочу создать наложение, которое появляется в правой части страницы, когда пользователь наводит на правую сторону страницы за пределами основной области. Я изо всех сил пытаюсь придумать способ запустить мероприятие, когда пользователь нависает за пределами основной области с правой стороны. Какой-то элемент должен быть прикреплен к внешней стороне правой части средней части, которая растягивает всю длину тела. Я не уверен, как применить этот элемент.

Я искал решения в Интернете и думал об абсолютном позиционировании элемента, но ничего не нашел. Похоже, это должно быть довольно просто!

Как добавить элемент, который будет соответствовать ширине ширины окна и оставаться в одном месте?

извините, если объяснение не совсем ясно. Я добавил пример jsfiddle.

HTML:

<div id="main">


    <div class="middlesection">



    </div>

CSS:

#main {
background:#fff;
}

.middlesection {
width:300px;
height:500px;
background:#00c;
margin:0 auto;

http://jsfiddle.net/M7Bn9/