Como detectar elementos HTML sobrepostos usando JavaScript?

Tenho uma lista de itens <ul>). Desliza para cima e para baixo usando JavaScript. Quando desliza para baixo, dependendo do número de item, ele pode se sobrepor ao outro elemento <div>), que está absolutamente posicionado neste momento (pode ser alterado

Como posso detectar, quando<ul> se sobrepõe a<div>, para aplicar um novo estilo ao<div> ocultá-lo temporariamente ou movê-lo um pouco para baixo, para evitar sobreposições?
Simplesmente não parece bom quando eles se sobrepõem))

Aqui você pode ver o que estou falando:http: //timetable.raj.fvds.ru

Muito obrigado