[RESOLVED] Links not clickable in IE… and yet they are?

[Pris]

I've got a strange problem with my website which I can't seem to get solved.

None of the links are clickable in IE 7 & 8 (besides the gallery* that uses 1 line of JS), though when I check my webstats the visitor hás visited the clicked links.
*The links top-right (JS!) dó work in IE: http://www.beautifullalaland.com/bunnymandala.shtml


No use of z-index of any kind. Even when the div with the main content was on top, nothing was clickable;
I don't use any kind of PNG fix because I no longer develop for IE6;
Multi-column layout (not supported in IE, but that's not too much of a problem in my book);
I've tried a { position: relative ;}. The result, the links in the main div are out of sync with the text in browsers that support multi-column layouts;
I've implemented several scripts to avoid right-click thievery/hotlinking. No problems whatsoever in any browser, not sure if this affects the user experience in IE. All text is still selectable btw (as intended);
The page uses hyphenation (http://hyphenator.googlecode.com/svn/trunk/Hyphenator.js), but this can't really be an issue because I've used it in other projects without any problems;
No error notice in IE, cursor changes as usual on rollover and user can click the links, though nothing happens.

Does anyone have a clue? I can't force IE visitors to use another browser or to change their browser settings (http://en.kioskea.net/forum/affich-27490-link-not-open-in-internet-explorer) (which may be part of the issue)…

Find a page with different types of links (internal, hyperlinks, image gallery) here: http://www.beautifullalaland.com/bunnymandala.shtml

[entropiii]

At first it looked SUPER weird. I've never seen anything like it. I ripped the pages and threw them up on my server and lo and behold! Same thing. Works great except IE 7.

But the page seems to work fine without nopiclock.js, so it's got to be in there someplace. Still taking a look... there's got to be something missing your no right-click script...

[entropiii]

I try this and it works perfect in IE and now the links work too, so it's gotta be the no-click function... most certainly an IE 7 and 8 compatibility thing

var message="blah blah blah message here";

function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;

[Pris]

entropiii, thank you so much for your help!
Will change the script and post back here.

Just a quick reply, it's 1.30 in the morning in my part of the world. Just wanted to say thanks. :-)

[Pris]

Removed nopiclock.js. The trick of that particular script is that it silently disables right mouse click, though it seemed to disable all mouse clicks, which is counterproductive to say the least.

It may also have been in conflict with <img src="../img/image.png" onmousedown="if (event.preventDefault) event.preventDefault()" oncontextmenu="return false;"/> as right-click and drag is disabled anyway on images.
Will have to test a bit more when I have access to a PC with IE (working on Mac).

Thanks again!