Footer is hiding at bottom of right panel in IE

[MasterACE15]

Hello Everyone,

I have a completely working CSS template, except for 1 thing isn't working, the Footer is cowering at the bottom of the right panel in IE, it works fine in Firefox, but the footer appears to be afraid of IE and thus is hiding at the bottom of the right panel.

I have tried a few different things, but aren't having much luck at bringing the footer out into the open.

here is my script:
<style type="text/css">
<!--

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
color: #000000;
background-color: blue;
width: 100%;
height: 100%;
}

/* CSS from http://www.tjkdesign.com/articles/liquid/4.asp */

body {min-width:640px}

#head,#nav,#content,#ads,#footer {

overflow:hidden;

display:inline-block

}

/* safari and opera need this */

#head,#footer {width:100%}

#nav,#content,#ads {float:left}

#nav {width:15%}

#content {width:65%}

#ads {width:13.9%}


/* All the Main Sections */

#container {
margin: 0px auto;
position: static;
background-color: white;
border-style: solid;
border-color: navy;
height: 100%;
}
#head {
text-align: center;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-style: solid;
border-color: navy;
background-color: rgb( 171, 173, 252);
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 5px;
}
#nav {
float: left;
padding: 5px;
margin-left: 5px;
margin-bottom: 5px;
border-style: solid;
border-color: navy;
background-color: rgb( 171, 173, 252);
height: auto;
}
#content {
float: left;
padding: 5px;
margin: 5px;
margin-top: 0px;
border-style: solid;
border-color: navy;
background-color: rgb( 171, 173, 252);
height: auto;
}
#ads {
float: left;
text-align: center;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
border-style: solid;
border-color: navy;
background-color: rgb( 171, 173, 252);
height: auto;
}
#footer {
clear: both;
text-align: center;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-style: solid;
border-color: navy;
background-color: rgb( 171, 173, 252);
padding-top: 5px;
padding-bottom: 5px;
}

-->
</style>

Any help is greatly appreciated :)

Regards ACE

[MasterACE15]

Anyone??

[MasterACE15]

bump...

[simonpeterong]

in a hurry i think?

anyway, kindly give us a link for that.

thanks.

[MasterACE15]

wasn't really in a hurry lol, just I've been working on the CSS all day and it would of been good to fix this up before I'd finished my work for the day. I guess this forum isn't very active just yet, hopefully it will pick up soon :D

heres the link: http://www.crikeygames.com.au/conflictingforces/

please take note that I dont have a style sheet file as such because for some strange reason my laptop doesnt recognise there is any CSS if I include a style sheet externally. no idea why.

Regards ACE

[MasterACE15]

any ideas?

[chrishirst]

You are missing units off some of the sizes ie: height:55; 55 what exactly?

please take note that I dont have a style sheet file as such because for some strange reason my laptop doesnt recognise there is any CSS if I include a style sheet externally. no idea why.

because you have <style type="text/css"> in the external one.

any ideas?
You have missed a closing tag somewhere.

[MasterACE15]

still no good :S

[simonpeterong]

You have missed a closing tag somewhere.

Try validating your website (http://validator.w3.org/), you might see where you missed closing a tag.