MouseOver, определить самый верхний div

[serzhb]

MouseOver, определить самый верхний div

Здравствуйте. Надеюсь на вашу помощь.
Есть HTML код:

<div id="first" onmouseover="this.style.background='#ff0000'">
     content
     <div id="second" onmouseover="this.style.background='#ff0000'">
          content
          <div id="fourth" onmouseover="this.style.background='#ff0000'">content</div>
     </div>
     <div id="third" onmouseover="this.style.background='#ff0000'">content</div>
</div>

Как видите, у каждого div'a прописано событие при наведении мыши, которое делает фон красным, однако если навести мышь на див с id равным fourth в красный окрашивается не только он, а ещё дивы находящиеся по ним, т.е. second и first. Как с этим справиться, как сделать так что выделялся только тот див на который наведена мышь, т.е. самый верхний?
Заранее спасибо.

 

[rotoZOOM]

Почитай тут

 

[igortik]

getElementById('fourth').style.background='#ff0000' ?

 

[x-yuri]

не угадал