Problem defining height with CSS..

[dbalsdon]

Hi.

I am currently working on a new layout/design for my site but I am having trouble defining the height of one of my sections...

The page is divided into 4 sections.. a logo area, banner area, menu and content area....

http://www21.brinkster.com/weblinkup/layout.html

I'm not having any problems with the logo, banner and menu areas.. however, when I try to set the height of the content area with height: 100%; a scroll bar appears(as you can see on the page), which i dont want.

The entire code for the stylesheet(its not much yet) is

 
body
{
top: 0px;
left: 0px;
margin: 0px, 0px, 0px, 0px;
padding: 0px, 0px, 0px, 0px;
background-color: blue;
color: white;
}

.top
{
height: 100px;
}
 
.logo
{
width: 100px;
height: 100%;
float: left;
padding-left: 3px;
}
 
.banner
{
width: 100%;
height: 100%;
}
.menu
{
width: 100px;
float: left;
padding-left: 3px;
}
.content
{
background-color: white;
color: blue;
width: 100%;
height: 100%;
}

Could somebody please tell me how to sort this problem...??

TIA.

[gregc]

Try 99%...I've had a similar problem, and using 99% fixed it...

[dbalsdon]

That didnt work...