I was wondering how to split the elements inside each other, so that each of them has its own background color. What I'm trying to do is to highlight background of each element onmouseover. Up till now I haven't managed to do it properly - for example, I have a table cell with a hyperlink inside it. When I point to the cell - background changes, however, pointing to the hyperlink leaves the cell coloured - which is what I don't want. Look at what I'm trying to do:

I'm trying to use this code:

HTML Code:
onMouseOver="this.style.backgroundColor='yellow';" onMouseOut="this.style.backgroundColor='white';"
Any suggestions?