Div, прозрачный для событий

У меня есть четыре div квадратов в сетке и пятый наложенный их в центре:

fiddle http://jsfiddle.net/TLFJh/

HTML:

    
info
    

    

    

    

CSS:

div.wrapper {
    position: relative;
    width:200px;
    height:200px;
}

#inn1, #inn2, #inn3, #inn4 {
    width:100px;
    height:100px;
    float:left;
}
#inn1 { background: blue; }
#inn2 { background: red; }
#inn3 { background: green; }
#inn4 { background: yellow; }

#info {
    position:absolute;
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    border: 1px solid black;
    box-sizing: border-box;
}

Я хочу связать mouseover () на четыре квадрата (легко), но я хочу, чтобы они перехватывали событие, даже если указатель находится над блоком info (этот блок каким-то образом «прозрачен» для событий »). Возможно ли это?

Edit :

цель состоит в том, чтобы я отображал всплывающее окно с информацией, разное для каждого #inn , которое следует за указателем, и всплывающие окна должны быть также отображается, когда курсор находится над info , но когда он был над inn .