[css-d] content div not attaching to footer

[Gianni Wise]

This must seem like a basic question to some of you but I have not  
been able to find the answer through the archives.. nor through my  
own late hours at this first css layout site I am doing.

Basically I have 2 divs - right  and left inside a main content div  
which has a white background color. The white bground content div  
does not go right down to the footer. It works OK in Dreamweaver but  
not in Fireworks or Safari (latest versions). But it is OK in IE 5.2  
for a mac..
The URL is: http://www.person2person.net.au/counselling.html
I know my code is a bit messy in parts as I tried to compensate.

thank you in advance

Gianni Wise
The css (ext'l style sheet) is:

HTML {height: 100%;}
BODY {
        height:100%;
        font-family: "trebuchet ms", arial, tahoma, verdana, sans-serif;
        font-size: 13px;
        }
        
/****  BANNER  *****/

#banner{
        width:100%;
        height:60px;
        margin: 0 auto;
        margin-top: 0px;
        }
#bannerInner{
        width:700px;
        height:60px;
        margin:0 auto;
        top: 0px;
        }
        
#bannerInner #logo{
        width:286px;
        height:164px;
        
        float:left;
        }

#entryInner{
        width:413px;
        height:440px;
        margin:0 auto;
        top: 10px;
        }
        
/****  BANNER  *****/






/****  CONTENT  *****/

#content{
        width:700px;
        margin:0px auto 0%;
        background-color: #FFFFFF;
        height: 100%;
        padding-bottom: 170px;
        }

#entrycontent{
        width:413px;
        margin:0px auto 0%;
        
        background-color: #FFFFFF;
        height: 100%;
        padding-bottom: 120px;
        }
#mainLeft{
        width:335px;
        margin-left:5px;
        float:left;
        padding-right:0px;
        padding-bottom: 130px;
        }
#resourcesLeft{
        width:700px;
        margin-left:auto;
        float:left;
        padding-right:0px;
        padding-bottom: 30px;
        background-color: #FFFFFF;
        }
#resourcesRight{
        width:120px;
        float:left;
        padding-top:20px;
        padding-bottom: 20px;
        padding-right: 5px;
        }
#mainRight{
        width:320px;
        float:left;
        padding-top:20px;
        padding-bottom: 0px;
        padding-right: 5px;
        }

#image{
        text-align:center;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        }
#resourcescontent {
        width:700px;
        padding-left:0px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0px;
        padding-bottom: 0px;
}
#contactLeft{
        width:350px;
        margin-left:5px;
        float:left;
        padding-right:0px;
        padding-bottom: 80px;

        
/****  CONTENT  *****/


/****  MENU  *****/



        }
        
#menu{
        width:700px;
        height:25px;
        margin:0 auto;
        background-color: #660000;
        }
        
#menu ul{
        padding: 0;
        margin: 0;
        list-style:none;
        }
        
#menu li{
        float:left;
        }
        
#menu li a{
        height:25px;
        width:110px;
        line-height: 25px;
        display: block;
        text-align:center;
        color: #FFFFFF;
        font-family: "trebuchet ms", arial, tahoma, verdana, sans-serif;
        }
        
#menu li a#last{
        }
        
#menu li a:hover#last{
        background-position:left bottom;
        }

#menu li a:hover{
        background-position:left bottom;
        color: #FF6600;
        }
                
/****  MENU  *****/






/****  FOOTER  *****/

#footer{
        background:#990000;
        width:110%;
        height:20px;
        clear:both;
        
        }

html>body #container {
     height: auto;
        }
#footerInner{
        width:700px;
        height:10px;
        margin:0 auto;
        padding-right:20px;
        text-align:right;
        position: relative;
     min-height: 100%;
        height: 100%;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: auto;
        
        }
        

/****  FOOTER  *****/
#contentLeft {
        float: left;
        width: 350px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
}
#contactmap {
        float: none;
        width: 670px;
        padding-left: 25px;
        padding-top: 20px;
}
#feedback {
        clear: none;
        height: 560px;
        width: 355px;
        margin-top: 10px;
        margin-left: 10px;
        padding: 10px;
        background-color: #FFFFFF;
}
#feedbackcontent {
        background-color: #FFFFFF;
        clear: none;
        height: 560px;
        width: 355px;
        margin-top: 10px;
        margin-left: 10px;
        padding: 10px;
}
#entrypic {
        height: 463px;
        width: 100%;
        margin: 0 auto;
}
#entrycontent {
        height: 150px;
        width: 413px;
        margin: 0 auto;
        clear: both;
}
#entrytxtcontent {
        height: 120px;
        width: 403px;
        margin: 0 auto;
        clear: both;
        background-color: #FFFFFF;
        float: inherit;
        margin-top: 450px;
        padding-top: 15px;
        padding-left: 10px;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/