weird line on page.

what's causing it?

[mandeieio]

i finally have my layout done but now i have a weird line underneath the top title "daydreams". granted, you can't see it with the background i have now, but when i change backgrounds & its there, its really annoying me! i can't figure out where it is coming from to get rid of it. you can see it here:
[mandeieio.buildtolearn.com...]

if you would please look & let me know where it is coming from so i can get rid of it, id appreaciate it. here is my style sheet code:

body {                background-image: url("http://mandeieio.buildtolearn.com/stars.bmp");
   filter:chroma(color=#FFFFFF);
   scrollbar-face-color:#FFFFFF;
   scrollbar-shadow-color:#FFFFFF;
   scrollbar-highlight-color:#FFFFFF;
   scrollbar-3dlight-color:#FFFFFF;
   scrollbar-darkshadow-color:#FFFFFF;
   scrollbar-track-color:#FFFFFF;
   scrollbar-arrow-color:#000000
}
        #topcontent {
                
               
                width: 100%;
                margins:0; 
 borders:0;
                
                  }
#leftcontent {
position: absolute;
left:3%;
width:17%;
top:150px;
                height:60%;
                overflow:scroll;
             background:#ffffff;
                filter: alpha (opacity=60);
   }
#centerleftcontent {
position: absolute;
left:21%;
width:58%;
                height:60%;
top:150px;
                overflow: scroll;
    background:#fff;
                filter: alpha (opacity=60);
                
}
#rightcontent {
position: absolute;
left:79%;
width:18%;
                height:60%;
top:150px;
              background:#fff;
                filter: alpha (opacity=60);
                
                
}
#rightcontent, #centerleftcontent, #leftcontent {
border:0px solid #000;
}
h1 {
                font-family: "lucida console";
font-size:12px;
                text-align: center;
                letter-spacing: 1pt; 
                line-height:1.3em;
                top:0px;      
                font-weight:medium;
text-decoration: underline;
padding-top: 25px; }
.secondheaderlinks{
                font-family: "lucida console";
font-size:12px;
                text-align: center;
                letter-spacing: 3pt; 
                line-height:1.3em;
                top:0px;      
                font-weight:medium;
padding-top: 2px 0px 0px 0px;
}
               
        h2 {
                font-family: "lucida console";
                font-size:30px;
                color:#FFFFFF;
font-weight: normal;
padding: 20px;20px;20px;20px;
letter-spacing: 10pt;
                       
                }     
        h3{
                font-family: "lucida console";
                font-size:11px;
                color:#000000;
                text-align: left;
                line-height:1.3em;
                font-weight:normal;
padding: 15px 20px 20px 20px;
                
                }
.links
    {           font-family: "lucida console";
                font-size:11px;
                color:#000000;
                text-align: left;
                line-height:1.3em;
                font-weight:normal;
padding: 0px 10px 15px 10px;
                                word-spacing:2px;
                }
a:link { 
color: #FF3399;
        cursor: crosshair;
        text-decoration:none;
}
a:visited { 
color: #FF99FF;
        text-decoration: none;
        cursor: crosshair; 
}
a:hover { 
color: #FFFFFF;
background-color: #FF33CC;
        cursor="crosshair"; 
        border-style: solid; 
        border-color:#000000;
        border-width: 1px;
       text-decoration: none;
}
a:active { 
color: #333333;
        text-decoration: none;
}

thanks so much.

[grahamstewart]

#topcontent {
width: 100%;
margins:0;
borders:0;
}

This can't be helping - there is no CSS property called borders. Or margins.

Try running your CSS through the w3c CSS validator [jigsaw.w3.org] and eliminating some of the errors.

You should also be aware that filter and the scrollbar properties are Internet Explorer only extensions.