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%;
}