Can someone please help

Ok this is the problem im trying set up an intro page with only text and an image… this is my website and so far this


DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Lands of P.R.I.I.</title>
</head>
<style type="text/css">
A:LINK {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:VISITED {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:ACTIVE {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:HOVER {TEXT-DECORATION: none; COLOR: #D00000; cursor: crosshair; border: 2px solid #990D00; text-transform:UPPERCASE}
BODY { 
background: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #990D00; 
scrollbar-highlight-color: #990D00; 
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #000000; 
scrollbar-arrow-color: #990D00;
cursor: crosshair;}
td, p, div{font-family: Arial;
 font-size: 12px; 
 color: #990D00;}
</style>
<body>
<p>
<a href="main.html">
<img border="0" src="yinyang_wood.JPG" align="center" width="294" height="347"></a></p>
</body>
</html>


is the stuff for it. All i need help on i getting everything to be automatically in the center of the page and for ppl using mozzila or firefox or whatever to be able to see my border when they put the mouse over it. And plz can you tell me if the code needs to be cleaned up any?.