I used a div tag to make the background size to the window, but my page needs to scroll and leave the background fixed. Here are my codes so far:
<head><title>LSU Football</title>
<style>
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
position:absolute;
z-index:1;
}</style>
</head>
<body text=white link=white vlink=yellow >
<div id="bg_image">
<img style="width: 100%; height: 100%;" src="lsuwallpaper3.jpg"/>
</div>
<div id="contents">
<head><title>LSU Football</title>
<style>
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
position:absolute;
z-index:1;
}</style>
</head>
<body text=white link=white vlink=yellow >
<div id="bg_image">
<img style="width: 100%; height: 100%;" src="lsuwallpaper3.jpg"/>
</div>
<div id="contents">