Css / Xhtml Help

[Colin-Roberts]

How do i remove the boxed red space..
http://www.tehupload.com/uploads/1481ee9b0190ad1help.PNG
Css Code

/* Links */

a.text:link {
color: #70B1E0;
font-weight:bold;
font-size:14px;
text-decoration: none;
}

a.text:visited {
color: #70B1E0;
font-weight:bold;
font-size:14px;
text-decoration: none;
}

a.text:hover {
color: #70B1E0;
font-weight:bold;
font-size:14px;
text-decoration: none;
}

a.bottom:link {
color: #FFFFFF;
text-decoration: none;
}

a.bottom:visited {
color: #FFFFFF;
text-decoration: none;
}

a.bottom:hover {
color: #FFFFFF;
text-decoration: none;
}

/* GLOBAL */

body {
background: #FFFFFF url(http://zetolic.com/new/bluebg.png) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
margin-top: 0px;
height: 100%;
}

.preview {
width: 80%;
color: #000;
margin-left: 10%;
margin-right: 10%;
}

.content {
width: 80%;
color: #000;
margin-left: 10%;
margin-right: 10%;
}

/* Header */

.header {
width: 70%;
color: #000;
float: left;
color: #70B1E0;
font-weight:bold;
font-size:14px;
}

.header2 {
color: #000;
float: right;
margin-right: 10%;
color: #70B1E0;
font-weight:bold;
font-size:28px;
}

/* Footer */

.footercont {
width: 80%;
background-color: #000;
color: #fff;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 0px;
padding-bottom: 0px;
}

.footercont p {
margin: 0 10px;
text-align: right;
}

.footertop {
background: url(http://www.zetolic.com/new/tr.gif) no-repeat top right;
margin-bottom: 0px;
padding-bottom: 0px;
}

img.corner {
width: 7px;
height: 7px;
border: none;
display: block !important;
margin-bottom: 0px;
padding-bottom: 0px;
}

[Johno]

Add this into the "body" section:


margin-bottom: 0;

Worked for me (Tried it on firebug on your site) so it should work :)

[Anticimex]

Johno!'s explaination is good ;)

[Cushioned]

Add this into the "body" section:


margin-bottom: 0;

Worked for me (Tried it on firebug on your site) so it should work :)

+REP for helping him out :)