Annoying border around image map, any ideas?

1

Well I made some image maps in fireworks and it looked fine at first… but when you click on a link it makes an annoying blue border around the map while it loads the next page, and then if you go back it’s still there. Is there an easy way to deal with this or not? I devised a method to do it, but it’s kind of sloppy, so if you know of a better way (maybe a similar method, but without having to make a dang text input, let me know. this is what I did.

I made a form in the body of my document with an input text box.


<div id="remove_focus">
<form name="formy"><input type="text" name="hidey" value="asdf">
</form>
</div>

then I made a javascript function that would focus on it, and then hide it.


function removeFocus(){
	document.formy.hidey.focus();
	document.formy.hidey.style.display = 'none';
}

Unfortunately it has to start visible, but once you set the focus you can set the display mode to none.

now to make it work you have to but an onload property in the tag that calls the function.


<body onload="javascript:removeFocus()">

and finally, here is the CSS code for the input text. I set the background as black just because that is the color of my background. If you don’t add the CSS, it will flash on the screen when the page loads, which obviously looks bad.


#remove_focus form input {
	position:absolute;
	left:0; top:0;
	height:0; width:0;
	margin:0; padding:0;
	border:0;
	background:black;
}