Header Graphic Issue

[revlimiter]

Both Firefox and IE are displaying my header graphic rather strangely.. Check out www.auto-labs.com/forum

Firefox makes the entire top area of the screen clickable (I only want the graphic to take you back to the homepage) and it's not nudged up next to the main navigation/top of the window.

IE adds even more extra margin or padding or something. I don't understand it. CSS font size?

Thanks for the help

[CommuneZoom]

    var choice = pickRandom(ic);
    document.writeln('<a href="http://www.auto-labs.com/forum/"' + '<TABLE WIDTH=792 HEIGHT=154 ALIGN=CENTER><TR><TD>' +
    				 '<IMG SRC="' + i[choice] +
                     '" HEIGHT="154" WIDTH="792" BORDER=0 id="forumlogo"><' +
                     "/P><" + "/TD><" + "/TR><" + "/TABLE></a>");

From the looks of it, you are trying to link a table and closing the link after closing the table. Should the <a href=""></a> not be surrounding the image instead?

[revlimiter]

Thanks CommuneZoom

It appears that fixes Firefox, but IE loses the image entirely. Here is my code..

    var choice = pickRandom(ic);
    document.writeln('<TABLE WIDTH=792 HEIGHT=154 ALIGN=CENTER><TR><TD>' +
    				 '<a href="http://www.auto-labs.com/forum/"' + '<IMG SRC="' + i[choice] +
                     '" HEIGHT="154" WIDTH="792" BORDER=0 id="forumlogo"><' +
                     "/P><" + "/TD><" + "/TR></a><" + "/TABLE>");