Forum Moderators: open
At the top of my page is my header (of course). In that header I have a background image put into a "<TD>"
Now... above that background image I place a clear image with a certain width and height and make it clickable so users who click on it are sent to the homepage. Here's my code for the clickable section:
<td valign="middle" height="80"><a href="http://www.mysite.com/" title="My Site Name"><img src="/images/clear_head.gif" width="440" height="80" alt="My Site Name" border="0"></a></td>
In every browser I check this works (and has worked) without a problem. But I'm having a slight issue in netscape. The problem is this image is being outlined with a small dotted border (somewhat similar to what it looks like when an image is now found... but yes... if finds this image :) ).
One thing worth noting as well... when the page first starts loading everything looks fine. This "border" seams to pop up when the page just finishes loading.
Also... if you click on any empty space on the page the border disapears around that top image.
If I remove the <a href> tags from the image no border shows. But I need the link to be clickable.
Hopefully that's enough information. From what I'm seeing it almost looks like something on my site is causing the browser to focus on that image when it finishes loading. I've been playing around with this for hours and can't seem to fix it. The HTML code passes 100% with this as my doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Any ideas? :)
I've found how to workaround this issue for now. If I include this line of code right before the <a href> I mention above I don't get that border around the image at the top of my site:
<a name="abstop" href="/"></a>
It appears that something in Netscape wants to focus on the first <a href> link it finds on the page.
Any ideas on what could be causing this?
