Im kinda new to these and theyre not woking out very well
heres the html i have now
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Vanilla Starcraft</title>
<link rel="stylesheet" type="text/css" href="website.css" />
</head>
<body>
<div id="background">
<img src="images/background.bmp">
</div>

<div id="news">
<img src="images/news.bmp">
</div>


<div id="newsroll">
<a href="
src="images/newsroll.bmp" width="69" height="42" border="0"></a>
</div>


</body>
</html>


and heres the css

body {
background-color: #999999;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: small;
margin: 0px;
}

#background {
background: #FFFFFF url(images/background.gif) top right;
font-size: 105%;
padding: 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 1px;
left: 1px;
z-index: 1;
}

#news {
background: #FFFFFF url(images/background.gif) top right;
font-size: 105%;
padding: 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 249px;
left: 652px;
z-index: 3;

#content {
width: 800px;
margin: auto;
}

#newsroll {
background: #FFFFFF url(images/background.gif) top right;
font-size: 105%;
padding: 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 245px;
left: 649px;
z-index: 2;
}



-- The newsroll one is the rollover im trying to create , but it just show up on the page anyway like a normal picture with a link.
If anyone could help me and correct what i am doing. that would be great . thanks