I got a little, well maybe stupid problem and I have had this before but I don't remember how to fix it link is here.
When you press the login button idiotic red borders show up :S

Here is code:

Index .php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> PhP </title>
<link href="Style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
	var a = new Image(); a.src = 'root.gif';
	var b = new Image(); b.src = 'hover.gif';
	var c = new Image(); c.src = 'active.gif';
</script>

</head>
<body>


<div>


	<div id="Header">
    	
    	<a href="whatever" onmouseover="document.images['Login'].src='Images/LoginOver.png';" onmouseout="document.images['Login'].src='Images/Login.png';"><img src="Images/Login.png" name=        "Login" height="40" width="170" alt="" border="0" id="Login"></a>
        
    </div>
    
    <div id="Box" >
    </div>
    

</div>







</body>
</html>

CSS sheet

@charset "utf-8";
/* CSS Document */

body
{
	/* background-color:#036; */
	background:url(Images/BG1.png);
}

#Header
{
	background:url(Images/Header.png);

	width:115%;
	height:110%;
	margin-left:-1%;
	margin-top:-1%;
}

#Login
{
	margin-left:35%;
	margin-top:3%;
}

#Box
{
	background:url(Images/Box.png);
	width:100%;
	height:100%;
	
}

Got it already, no need to answer

Can you tell how you fixed it, to solve the same problem for other users.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.