what would cause a white line to be under my header? I guess I never notices it before because I've always used light colors, but today I decided to make it darker in honour of halloween, and I've got this annoying white line under my header...
here's my site (http://www.freewebs.com/oceansdesign) if you want to see what I mean.

and here's my css coding, if anyone can figure out what's wrong with it...

a:Link {color: #DA0000; text-decoration: underline;}
A:Visited {color: #Ff8c00; text-decoration: line-through;}
A:active {color:#cc0000; font-weight:700;}
A:Hover {color:#ff3300; text-decoration:none; background-color:#000000;
cursor: crosshair;}

body
{ background: #000000;
background-image: url(http://img.photobucket.com/albums/v312/OceanLady/Ocean%20graphics/template%20pics/background.jpg);
background-repeat: no-repeat;
background-position: top right;
background-attachment: fixed;

font-family: verdana;
font-color: #ffffff; margin-top:10px;
margin-right:10px; margin-bottom:20px; margin-left:10px;
scrollbar-arrow-color:#390102; scrollbar-face-color:#630100; scrollbar-shadow-color:#390102; scrollbar-highlight-color:#590100; scrollbar-track-color:#000000;
cursor: crosshair;}

p, td {font-size:11px;}
H1 {color:#483d8b; font-family:arial,sans-serif; font-size:22px; font-weight:100; margin-top:0px; margin-bottom:0px;}
H2 {color:#630100; font-family:arial,sans-serif; font-size:18px; font-weight:100;}
H3 {color:#cc0000; font-family:arial,sans-serif; font-size:14px; font-weight:700; margin-bottom:2px;}
H4 {color:#7898c0; font-family:arial,sans-serif; font-size:14px; font-weight:700; margin-bottom:2px;}
H5 {color:#425A7C; font-family:arial, sans-serif; font-size:12px; text-align:left; text-decoration: bold}
H6 {color:#483d8b; font-family:arial,sans-serif; font-size:12px; font-weight:100; margin-top:0px; margin-bottom:0px;}
HR {color:#630100; height:1px; margin-top:0px; margin-bottom:0px;}
.button {color: #ffffff; border:solid 1px #ffffff; font-family:verdana,sans-serif; font-size:9px; font-weight:100; background-color:#003366;}
.top {background:url('http://img.photobucket.com/albums/v312/OceanLady/Ocean%20graphics/template%20pics/banner.jpg');}
.logo {margin-top:0px; margin-bottom:0px; margin-left:25px; font-size:32px; color:#003366; font-family:times new roman;}

input, textarea
{ background: #000000;
font-family: verdana;
color: #390102;
border-style: dotted;
border-color: #390102;
border-width: 2;}



I realise I'm really bad with layouts... that's the last thing I learnt, and I always have problems, so I keep it simple...

<tr>

<td colspan="2" height="2" bgcolor="#cccccc"> </td>

</tr>

<tr>

<td colspan="2" height="5" bgcolor="#ffffff">

<div align="right">

<h6></h6>

</div>

</td>

</tr>

you could try deleting bgcolor="#ffffff" and bgcolor="#cccccc" out of both cells and see if that solves it :)

Love,
Mirna

thanks! I'm really new to the whole layout thing, that's been driving me insane!

noproblem

next time try changing border="0" of the table to border="2" to see in what cell the problem is in :) that's a trick i often use

Love,
mirna