Question about my center column. It is lined up along the navigation bar and I do not want it like that. I want there to be a space but I don't know why it won't lower itself. I've tried margins and stuff but it doesn't change anything...help.

My Page (http://thump.net/2172/jayta/theresakalan/home.html)

And here is my CSS:

A {text-decoration:none;}
A:link {color:#cc66cc;}
A:visited {color:#ffffff;}
A:active {color:#cc66cc;}
A:hover {color:#ffcccc;}

h1 {font-family: verdana;color: #993366;}

p {font-family: verdana color: #cc6699;}

body
{background:url(bg2.jpg);
background-repeat:repeat;
font-family: verdana;
color: #330066 ;
letter-spacing: 2pt;
font-weight: normal;
font-size: 9pt;
margin: 0px;
padding-left: 0px;
padding-right: 0px;

scrollbar-face-color:#330033;
scrollbar-highlight-color:#cc99cc;
scrollbar-3dlight-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-darshadow-color:#330066;
scrollbar-track-color:#330033;
scrollbar-arrow-color:#330033;

}


input, textarea
{ background: #330033;
font-family: verdana;
color: #cc66cc;
font-size:8pt;
border-style: dashed;
border-color: #000000;
border-width: 2px;

}

#header {
margin: 0px;
padding: 0px;
height: 100px;
}

#left {
position: absolute;
left: 10px;
top: 400px;
width: 200px;
}

#center {
top: 600px;
margin-left: 230px;
margin-right: 230px;
}

#right{
position: absolute;
right: 10px;
top: 400;
width: 200px
}

This can be solved without CSS.

Where you have...

<table style="border:1px dashed #000000">

Try adding margin-bottom:3px;

so it looks like

<table style="border:1px dashed #000000; margin-bottom:3px;">

:)

Thanks a bunch. It totally worked!