As I understood it's caused by onclick code attached to the LI elements. This happens due to event bubbling which retranslates all click events of a child to all parents.
I think it's the worst way to make them clickable. I'd recommend replacing LI elements with normal A links and update styles to support change of background color on hover instead of changing text color. All links within a link will remain clickable.
p.s. Even if you don't want to change LI to A and without issue above attaching separate onclick to every element on the page is a horrible idea. You could have achieved this with 1 click handler function subscribed to clicks from all elements on the page.
Example:
Code: Select all
function rowClickHandler(e){
if (e.which == 2) return; //avoid reaction on the middle-click
var i = e.target;
while (i && !i.classList.contains('row')) i = i.parentNode; // classList not supported in old browsers. there are polyfill for this
if (i) i = i.querySelector('.forumtitle,.topictitle'); //you may need to extend list of classes here
if (i) window.location.href = i.href;
}
[].forEach.call(document.querySelectorAll('.row'),function(i){
i.onclick = null; // this row removes current on-click behavior
i.addEventListener('click', rowClickHandler); //not supported in IE6. there are different function to call, though
});